Twitter Bootstrap - 通过点击链接显示模态框

11 浏览
0 Comments

Twitter Bootstrap - 通过点击链接显示模态框

我正在使用Twitter Bootstrap。 我想通过单击链接使用JavaScript来显示模态框。

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

然而，上面的代码导致了一个错误：

Uncaught Error: HIERARCHY_REQUEST_ERR: DOM Exception 3

我做错了什么？

0

2 答案

0 Comments

问题的出现原因是点击链接时，会默认打开链接而不是打开模态框。解决方法是在点击事件中使用preventDefault方法来阻止默认行为，然后再打开模态框。

以下是解决方法的代码示例：

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

0
0 Comments

问题的原因是在用户点击#my-link-id之前调用了modal方法。

解决方法是使用click或on事件监听器来调用modal方法。

具体解决方法如下：

$("#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?

0