Jquery UI Dialog Box

Question

当我点击删除链接时，它直接删除了它。我正在制作Jquery UI对话框来提示Y/N。它应该提示Yes/No。是-已删除或否-原始状态

这是我的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
    }
});