Удалить операцию с помощью javascript, но этот код не работает

Question

Это код для выполнения операции удаления. Появятся четыре изображения, но окно предупреждения для операции удаления не появляется, предоставляя функциональность onload. Пожалуйста, помогите мне ... вот код.

// script for deletedelete operation 

    $(document).ready(function(){ 

     $('a.delete').on('click',function(e){ 
      e.preventDefault(); 
      imageID = $(this).closest('.image')[0].id; 
      alert('Now deleting "'+imageID+'"'); 
      $(this).closest('.image') 
       .fadeTo(300,0,function(){ 
        $(this) 
         .animate({width:0},200,function(){ 
          $(this) 
           .remove(); 
         }); 
       }); 
     }); 

    }); 

HTML

//four images being given with delete link 


<div id="container"> 
     <div class="image" id="image1" style="background-image:url(http://lorempixel.com/100/100/abstract);"> 
      <a href="#" class="delete">Delete</a> 
     </div> 
     <div class="image" id="image2" style="background-image:url(http://lorempixel.com/100/100/food);"> 
      <a href="#" class="delete">Delete</a> 
     </div> 
     <div class="image" id="image3" style="background-image:url(http://lorempixel.com/100/100/people);"> 
      <a href="#" class="delete">Delete</a> 
     </div> 
     <div class="image" id="image4" style="background-image:url(http://lorempixel.com/100/100/technics);"> 
      <a href="#" class="delete">Delete</a> 
     </div> 
    </div> 

Answer 1

Все работает нормально .... Позвольте мне взять выстрел здесь. Вероятно, вы не включили файл Jquery в свой код ???

Вы включили этот тег

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 

FIDDLE Это просто ваш скопировать код вставили. Не одно изменение

HTML

<div id="container"> 
    <div class="image" id="image1" style="background-image:url(http://lorempixel.com/100/100/abstract);"> 
     <a href="#" class="delete">Delete</a> 
    </div> 
    <div class="image" id="image2" style="background-image:url(http://lorempixel.com/100/100/food);"> 
     <a href="#" class="delete">Delete</a> 
    </div> 
    <div class="image" id="image3" style="background-image:url(http://lorempixel.com/100/100/people);"> 
     <a href="#" class="delete">Delete</a> 
    </div> 
    <div class="image" id="image4" style="background-image:url(http://lorempixel.com/100/100/technics);"> 
     <a href="#" class="delete">Delete</a> 
    </div> 
</div> 

Jquery

$('a.delete').on('click',function(e){ 
     e.preventDefault(); 
     imageID = $(this).closest('.image')[0].id; 
     alert('Now deleting "'+imageID+'"'); 
     $(this).closest('.image') 
      .fadeTo(300,0,function(){ 
       $(this) 
        .animate({width:0},200,function(){ 
         $(this) 
          .remove(); 
        }); 
      }); 
    }); 

Answer 2

код работает нормально ... Если вы не включили Jquery файл, включите его ..

< сценарий src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">

</скрипт>

< скрипт> $ (документ) .ready (функция() {

$('a.delete').on('click',function(e){ 
    e.preventDefault(); 
    imageID = $(this).closest('.image')[0].id; 
    alert('Now deleting "'+imageID+'"'); 
    $(this).closest('.image') 
     .fadeTo(300,0,function(){ 
      $(this) 
       .animate({width:0},200,function(){ 
        $(this) 
         .remove(); 
       }); 
     }); 
}); 

});

</script>