【问题标题】:Twitter bootstrap - show modal by clicking on a linkTwitter bootstrap - 通过单击链接显示模式
【发布时间】:2013-01-07 14:38:01
【问题描述】:

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

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

但是,上面的代码导致错误

Uncaught Error: HIERARCHY_REQUEST_ERR: DOM Exception 3 

我做错了什么?

【问题讨论】:

    标签: javascript ruby twitter-bootstrap sinatra


    【解决方案1】:

    您在用户单击#my-link-id 之前调用方法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?

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 2023-04-02
        • 1970-01-01
        • 2016-07-15
        • 2018-10-17
        • 2014-01-19
        • 2014-02-10
        • 1970-01-01
        • 1970-01-01
        • 2013-09-07
        相关资源
        最近更新 更多