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

Question

如果用户单击删除用户按钮，我会显示一个模式窗口，要求确认删除。在模式窗口中，如果单击"is"，则会调用一个函数来删除用户(通过 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>

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

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

这应该可以解决问题!