javascript - 通过js添加动态onclick="location.href=到按钮

Question

我有一个工作网站，其中有一个使用 jquery 构建的工作模式弹出窗口。在此站点上有一个带有“删除”列的表。每行都有一个 href，用于打开模式弹出窗口，在此弹出窗口中有一个 href 链接“DELETE”。此 href 链接由 js 代码动态填充，具体取决于在站点上单击的删除列链接:

<td><span id="hoverdeleteTI" data-href="deleteTI.php?id=2" data-toggle="modal" data-target="#confirm-delete">OPEN POPUP</span></td>

以下脚本将 href 部分添加到模式弹出窗口内的 href。

<script>
$('#confirm-delete').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));

$('.debug-url').html('delete URL: <strong>' + $(this).find('.btn-ok').attr('href') + '</strong>');
});
</script>

模态弹出窗口:

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="head-deletepopup">
                <span class="close" data-dismiss="modal" aria-hidden="true">×</span>
                <div class="mpopup-titel">DELETE CONFIRM</div>
            </div>

            <div class="modal-body">
                <p>REALLY?</p>
                <p class="debug-url"></p>
            </div>

            <div class="modal-footer">
                <button type="button" class="ddeletebutt btn-default" data-dismiss="modal">CANCEL</button>
                <button type="button" class="ddeletebutt btn-ok">DELETE BUTTON</button>
                <a class="dddeletebutt btn-ok">DELETE</a>
            </div>
        </div>
    </div>
</div>

脚本转换这部分<a class="dddeletebutt btn-ok">DELETE</a>进入<a class="dddeletebutt btn-ok" href="deleteTI.php?id=2">DELETE</a>

这就是正在工作的部分。但我真正想要的是，它将 href 添加到“删除按钮”之前的按钮。因此我需要转码此代码 <button type="button" class="ddeletebutt btn-ok">DELETE BUTTON</button>进入 <button type="button" class="ddeletebutt" onclick="location.href='deleteTI.php?id=2'">DELETE BUTTON</button>

但目前我显然只得到:<button type="button" class="ddeletebutt btn-ok" href="deleteTI.php?id=2">DELETE BUTTON</button>

如何将添加的href=更改为onclick="location.href=

谢谢!

Answer 1

更改此行

$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));

对此:

$(this).find('.btn-ok').attr('onclick', 'location.href=\'' + $(e.relatedTarget).data('href') + '\'');