Jquery UI對話框

當我點擊刪除鏈接時，直接刪除它。我正在使Jquery UI對話框提示Y/N。它應該提示是/否。如果是 - 刪除或否 - 原始狀態。Jquery UI對話框

這是我的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>

來源

2016-08-16 Jaymin Noob

什麼是確切的問題？ –

我做了一個警報箱，它應該提示是或否，以便進一步處理。相反，它會直接刪除它，而不會提示Y/N。 –

你必須做出一些改變：

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 
    } 
});

來源

2016-08-16 09:55:14

Jquery UI對話框

回答

相關問題