Jquery 单击分段按钮的插入符号不会';t触发单击事件
在Bootstrap 3中单击分段按钮的插入符号时,我无法捕获单击事件。我很确定没有触发任何事件,但我真的很想了解原因。这让我快发疯了。我已经在Firefox和Chrome上测试过了,但没有成功。我还没有用早期版本的引导测试过它 小提琴: HTMLJquery 单击分段按钮的插入符号不会';t触发单击事件,jquery,twitter-bootstrap-3,Jquery,Twitter Bootstrap 3,在Bootstrap 3中单击分段按钮的插入符号时,我无法捕获单击事件。我很确定没有触发任何事件,但我真的很想了解原因。这让我快发疯了。我已经在Firefox和Chrome上测试过了,但没有成功。我还没有用早期版本的引导测试过它 小提琴: HTML 行动 jQuery $(document).on("click", function(event) { $("#clickLogger").append("Clicked<BR>"); }); $(文档)。在(“单击
行动
jQuery
$(document).on("click", function(event) {
$("#clickLogger").append("Clicked<BR>");
});
$(文档)。在(“单击”)上,函数(事件){
$(“#clickLogger”)。追加(“单击的
”;
});
谢谢您可以使用
$(document).on("click",`.caret` ,function(event) {
$("#clickLogger").append("Clicked<BR>");
});
$(文档).on(“单击”、`.caret`、函数(事件){
$(“#clickLogger”)。追加(“单击的
”;
});
或
$(文档)。在({
单击:功能(事件){
$(“#clickLogger”)。追加(“单击的
”;
}
},`.caret`);
将触发器应用于下拉列表而不是插入符号:
$(document).on("click", ".dropdown-toggle", function(event) {
$("#clickLogger").append("Clicked<BR>");
});
$(文档)。在(“单击”,“下拉切换”,函数(事件){
$(“#clickLogger”)。追加(“单击的
”;
});
如果在插入符号上,鼠标必须正好在顶部才能触发它,但鼠标可以正好在侧面。在(“单击”,“插入符号”,函数(事件){。实际检查,
$(文档)。在(“单击”,“插入符号”,函数(事件)
仅当您准确地单击插入符号图像时才起作用。如果您单击它旁边的下拉箭头,则该下拉箭头可以在不触发事件的情况下显示。@Alexander如果您单击三角形形状(.caret
)。您可以将.caret
更改为.btn。下拉开关
以支持更多空间。@Alexander它能解决您的问题吗?回答得很好。谢谢
$(document).on({
click: function (event) {
$("#clickLogger").append("Clicked<BR>");
}
}, `.caret`);
$(document).on("click", ".dropdown-toggle", function(event) {
$("#clickLogger").append("Clicked<BR>");
});