Question

我有几个具有不同name值的锚点。如果我点击其中一个锚点，将弹出一个带有确认锚点的模态窗口。现在我需要确认锚点href中name值的值。

如何将一个锚点的name值传递给另一个锚点的href值？

我大致有这样的设置：

<ul>
    <li><a href="#deleteConfirmation" data-id=VALUE role="button" data-toggle="modal"></a></li>
</ul>

我的模特观点：

<div class="modal small hide fade" id="deleteConfirmation" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Delete Confirmation</h3>
    </div>
    <div class="modal-body">
        <p class="error-text">Are you sure you want to delete the user?</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <a href="http://domain.com/id=" class="btn btn-danger" data-dismiss="modal">Delete</a>
    </div>
</div>

使用ttp：//stackoverflow.com/questions/8982295/confirm-delete-modal-dialog-with-twitter-bootstrap/8983053#8983053中描述的方法传递id的值：

$('#deleteConfirmation').bind('show', function() {                           
    var id = $(this).data('id');                                             
    removeBtn = $(this).find('.btn-danger');                                 
    href = removeBtn.attr('href');                                           

    removeBtn.attr('href', href.replace(/id=(\w|\@|\.)*/, 'id=' + id));
});                                                                          

$('.confirm-delete').click(function(e) {                                     
    e.preventDefault();                                                      

    var id = $(this).data('id');                                             
    $('#deleteConfirmation').data('id', id).modal('show');                   
});

但是，点击我的Delete按钮不会发送POST/GET请求。它只是没有做任何事情。

修改

从data-dismiss="modal"移除<a href="http://domain.com/id=" class="btn btn-danger" data-dismiss="modal">Delete</a>。

访问另一个锚点中锚点的id / name值

0 个答案: