微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – Bootstrap Popover,.click没有捕捉到popover内的按钮

首先,问题的小提琴: jsfiddle.net

我正在使用popover,它的内容是html,一个类“click_me”的按钮。我有jquery听点击“click_me”,它应该发出警报。但是,它没有。我错过了什么吗?

JS:

jQuery(document).ready(function($) {

$('.demo_button').click(function () {
    $(this).popover({
                html: true,trigger: 'manual',placement: 'right',content: function () {
                    var $buttons = $('#popover_template').html();
                    return $buttons;
                }
    }).popover('toggle');
});

$('.click_me').click(function() {
    alert('it works!');
});

});

HTML:

<button class="btn btn-primary demo_button">Click here</button>

<div id="popover_template">
    <button class="btn click_me">Make Alert</button>
</div>

解决方法

.click()只适用于您需要使用on的加载元素()
$(document).on("click",".click_me",function() {
    alert('it works!');
});

原文地址:https://www.jb51.cc/jquery/182322.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐