javascript - Twitter bootstrap - 通过单击链接显示模式

Question

我正在使用推特引导程序。我希望通过单击使用 javascript的链接来显示模态。

$("#my-link-id").click($(this).modal());

但是，上面的代码会导致错误

Uncaught Error: HIERARCHY_REQUEST_ERR: DOM Exception 3 

我做错什么了？

Answer 1

您modal在用户单击之前调用该方法#my-link-id，修复：

$("#my-link-id").click(function() {
    $(this).modal();
});

或者：

$("#my-link-id").on("click", function() {
    $(this).modal();
});

---

要查看有关错误的解释，您可以在此处阅读：究竟什么会导致“HIERARCHY_REQUEST_ERR：DOM 异常 3”-错误？

Answer 2

需要对事件执行 preventDefault 以停止单击链接而不是打开模式。

    $("#my-link-id").click(function(e) {
        e.preventDefault();
        $(this).modal();
    });