javascript - Bootstrap 箱元素选择

Question

我正在索引文件上使用一个函数，该函数正在打开 Bootstrap 箱模式。这个想法是在这个模态窗口内放置一个小联系表单。该功能工作正常， Bootstrap 箱模式正在打开，位于我的代码下方:

jQuery

$('#form').click(function(){

$.get("modal.php", function(data,status){

           bootbox.dialog({
                   message: data,
                   title: "CONTACT US",

                });

    });

});

问题是我无法选择此模式窗口内的任何元素，例如我在此 modal.php 文件内有一个按钮

HTML

<button id="cancelbutton" type="button" class="btn btn-danger">Cancelar</button>

如果我尝试将事件附加到此按钮，则什么也不会发生。我在这里做错了什么？

这是按钮事件的代码

$('#cancelbutton').on('click',function () {

                alert('Testing');
                console.log('Testing');

            });

我可以通过 css 定位这个元素:

#cancelbutton{background:#000;}

Answer 1

问题已解决。为了将来引用，这是一个 Jquery 版本问题。将版本更改为1.11.1解决了问题。

谢谢