Twitter引导程序 - 通过单击链接显示模态

Question

我正在使用Twitter bootstrap。我希望通过点击使用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();
});

---

要查看有关错误的说明，请参阅此处：What exactly can cause an "HIERARCHY_REQUEST_ERR: DOM Exception 3"-Error?

Answer 2

需要对事件执行preventDefault以停止链接后的点击而不是打开模态。

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