Диалоговое окно JQuery UI

Question

Когда я нажимаю ссылку «Удалить», он напрямую удаляет его. Я создаю диалоговое окно JQuery UI, чтобы вызвать Y/N. Он должен подсказать Да/Нет. Если yes-deleted или No -Original State.

Вот мой PHP код для этого:

echo "<td><a name='delete' href='product_listing_delete.php?id=" . $row['id'] . "' onclick='call()' >Delete</a></td><tr>"; 

Вот мой Javascript код, который:

<script> 

     function call() { 
      $('<div></div>').appendTo('body') 
        .html('<div><h6>Yes or No?</h6></div>') 
        .dialog({ 
         modal: true, title: 'message', zIndex: 10000, autoOpen: true, 
         width: 'auto', resizable: false, 
         buttons: { 
          Yes: function() { 
           doFunctionForYes(); 
           $(this).dialog("close"); 
          }, 
          No: function() { 
           doFunctionForNo(); 
           $(this).dialog("close"); 
          } 
         }, 
         close: function (event, ui) { 
          $(this).remove(); 
         } 
        }); 
     } 

     function doFunctionForYes() { 
      alert("Yes"); 
      $('#msg').show(); 
     } 

     function doFunctionForNo() { 
      alert("No"); 
      $('#msg').show(); 
     } 

    </script> 

Answer 1

Вы должны внести некоторые изменения:

echo "<td><a name='delete' href='product_listing_delete.php?id=" . $row['id'] . "' onclick='call()' >Delete</a></td><tr>"; 

это будет напрямую удаляйте свою запись, не запрашивая никаких предупреждений, потому что вы предоставляете прямой URL-адрес для удаления.

сделать эти изменения:

echo "<td><a name='delete' class='delete' id='".$row['id']."'>Delete</a></td><tr>"; 

JS:

$('.delete').click(function(){ 
    if(confirm('Are you sure')) 
    { 
     var id = $(this).attr('id'); 
     // ajax call to delete the record on the behalf of id 
    } 
});