twitter-bootstrap – 禁用bootstrap数据属性API？

发布时间：2020-12-17 21:27:35 所属栏目：安全来源：网络整理

导读：引导程序 documentation说,您可以使用以下代码轻松禁用数据API： $( ‘主体’)OFF( ‘数据的API.’); 我认为在某些情况下,当其他javascripts使用相同的数据属性时,这真的很酷.您只需在特殊区域中禁用bootstrap-API. 例如,在每个a-Tag中禁用API： html head t

引导程序 documentation说,您可以使用以下代码轻松禁用数据API：

$( ‘主体’)OFF( ‘数据的API.’);

我认为在某些情况下,当其他javascripts使用相同的数据属性时,这真的很酷.您只需在特殊区域中禁用bootstrap-API.

例如,在每个a-Tag中禁用API：

<html>
  <head>
    <title>Bootstrap - Test - Disable The API</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function() {
        //This is working: $(document).off('.data-api');

        //This is not working:
        $('a').off('.data-api');
      });
    </script>
  </head>
  <body>

    <!-- Button to open the modal -->
    <a id="clickBtn" href="#myModal" data-toggle="modal">Launch demo modal</a>

    <!-- Modal -->
    <div id="myModal" class="modal hide fade">
      This is just a little test
    </div>

  </body>
</html>

但它没有用.

模态还有一个clickEvent.
谁能告诉我我做错了什么？

它不适用于$(‘#clickBtn’).off(‘.data-api’);无论是.

解决方法

好吧,我想我自己解决了这个问题.
Bootstrap将事件处理程序附加到document-root：

$(document).on('click.modal.data-api','[data-toggle="modal"]',function (e) {
      ...
  })

当然你不能禁用api

$( ‘主体’)OFF( ‘数据的API.’);或$(‘#clickBtn’).off(‘.data-api’);

因为处理程序附加到文档根目录而不是附加到正文或元素本身.

如果要为特殊元素禁用API(在我的示例中为a-Tag),则必须从off-method定义selector-parameter：

$(document).off('.data-api','a');

看起来bootstrap文档有点令人困惑……

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!