Question

您好我还有另外一个问题。我正在创建一个管理系统。我添加了用户注册和删除功能。现在我需要做一个好的设计。

所以我使用以下信息从MySQL DB创建了一个表： ID，用户名，上次登录和删除。

这是我打印表格的PHP代码的提取：

echo "<td class=\"center\">
            <a href=\"#\" class=\"delete_user\">
                <img src=\"images/delete.png\" />
                <script type=\"text/javascript\">
                    var id = \"index.php?section=user_delete&id=".$getUserID[$i]."\";
                </script>
            </a>
        </td>

如您所见，我正在使用ID进行删除过程。

现在我想使用jQuery模式弹出窗口来确保我真的想要删除此人。

这是我的js代码：

$(".delete_user").click(function() {
    $( "#dialog_delete_user" ).dialog( "open" );
});

$( '#dialog_delete_user' ).dialog({
    autoOpen: false,
    resizable: false,
    height: 170,
    modal: true,
    buttons: {
        'ok': function() {
            alert(id);
            //document.location = id; 
            $( this ).dialog( 'close' );
        }
    }
});

正如您所看到的，我需要添加一个变量ID来识别此人，并确保合适的人被删除。

我认为只有点击链接才会执行javascript。这似乎是不正确的。

那么如何定义/识别每个人？

显示的表格无用，因为无法识别每个删除按钮及其所有者。所以我必须在那里创建表格。

如果没有这个jQuery模式形式，那将很容易。但必须有办法让它发挥作用。有什么想法吗？

Answer 1

就个人而言，我会在链接上设置一个属性，打开对话框，如

<a href="bla" data-user-id="5">Click me!</a>

然后在打开对话框的链接的onclick事件中，我会将对话框的隐藏用户字段设置为$（this）.data（“user-id”）;如果你没有做一个表格而只是立即发起一个ajax请求就会变得更容易。

var currentUserId;
$(".delete_user").click(function() {
    currentUserId = $(this).data("user-id");
    $( "#dialog_delete_user" ).dialog( "open" );
});

$( '#dialog_delete_user' ).dialog({
    autoOpen: false,
    resizable: false,
    height: 170,
    modal: true,
    buttons: {
        'ok': function() {
            //document.location = "/somephpfile.php?user_id=" + currentUserId; 
            $( this ).dialog( 'close' );

            // ajax version
            $.ajax({
                url : "/somephpfile.php?user_id=" + currentUserId,
                // Other ajax related code.
            });
        }
    }
});

使用mysql的jQuery模态用户删除选项

1 个答案: