0

如果用户单击删除用户按钮，我会显示一个模式窗口，要求确认删除。在模态窗口中，如果他们单击“是”，则调用一个函数来删除用户（通过 ajax）。如果否，则模态窗口刚刚关闭。这就是它应该如何工作的方式。但我不知道如何将用户 ID 传递给是按钮。以下是我到目前为止要删除用户的内容，但可能还很遥远。 

<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>

我不知道如何将用户 ID 传递到上述模式窗口中的这一特定行：

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

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

4

2 回答 2

4

使用数据属性。他们会让你开心。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
});

这应该够了吧！

于 2012-08-16T21:14:35.113 回答
0

对于单击以加载模式窗口：

var delete_id = 1234;// Set this to the appropriate value
$(".span12 a.btn-danger").attr("href", "javascript:deleteUser("+delete_id+")");
于 2012-08-16T21:13:58.747 回答