gpt4 book ai didi

twitter-bootstrap - 禁用 Bootstrap 数据属性 API?

转载 作者:行者123 更新时间:2023-12-05 00:31:20 24 4
gpt4 key购买 nike

Bootstrap documentation说,您可以使用以下代码轻松禁用数据 API:
$('body').off('.data-api');
当其他 javascript 使用相同的数据属性时,我认为这在某些情况下真的很酷。您只需在特殊区域中禁用 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).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
...
})

当然你不能用
$('body').off('.data-api');$('#clickBtn').off('.data-api');
因为处理程序附加到文档根而不是正文或元素本身。

如果要禁用特殊元素的 API(在我的示例中为 a-Tag),则必须从 off-method 定义选择器参数:
$(document).off('.data-api','a');

似乎 Bootstrap 文档有点令人困惑......

关于twitter-bootstrap - 禁用 Bootstrap 数据属性 API?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14904963/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com