Question

如果用户点击删除用户按钮，我会显示一个模态窗口，要求确认删除。在模态窗口中，如果它们单击是，则调用函数以删除用户（通过ajax）。如果不是，那么模态窗口就会关闭。这就是它应该如何运作。但我不知道如何将用户ID传递给yes按钮。以下是我到目前为止删除用户的内容，但可能会有所不同。

<div class="modal hide fade" id="DeleteUserModal">
<div class="modal-header">
    <button class="close" data-dismiss="modal">x</button>
    <h3>Delete User?</h3>
</div>
<div class="modal-body">
    <div class="row-fluid">
        <div class="span12">
            <p>Are you sure you want to permanently remove this user?</p>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>
            <button class="btn" type="submit" data-dismiss="modal">No way!</button>
        </div>            
    </div>
</div>
<div class="modal-footer">
    <a href="##" class="btn" data-dismiss="modal">Close</a>
</div>

我不知道如何在上面的模态窗口中将userid传递给这个特定的行：

<a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>

当我使用jQuery时，答案可以用JavaScript编写。

Answer 1

使用数据属性。他们会让你开心。 http://www.broken-links.com/2010/11/18/data-attributes-in-html-and-jquery/

而是给这个节点：

<a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>

..一个id：

<a id="delete-user-link" class="btn btn-danger">Yes, I'm sure</a>

..如果要删除特定用户（因此单击列表中的删除按钮），请设置特定用户ID的数据属性：

$(".delete-button").click(function(){
    $("#delete-user-link").data("user-id", $(this).data("user-id");
    // show the modal
});

这确实需要您的删除按钮（在列表中）具有数据属性，例如：

<a class="btn" data-user-id="123">delete</a>

并添加一个小的jQuery方法：

$("#delete-user-link").click(function(){
    var userId = $(this).data("user-id");
    // do your delete stuff here
});

这应该可以做到！

Answer 2

单击以加载模态窗口：

var delete_id = 1234;// Set this to the appropriate value
$(".span12 a.btn-danger").attr("href", "javascript:deleteUser("+delete_id+")");

将值传递给模态窗口中的javascript函数

2 个答案: