Question

我关注此http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm?%28arctic%29#demos/jqxgrid/checkboxcolumn.htm 我想做的是，我试图捕捉复选框到目前为止我已经做了这样的事情，但以下不要触发任何事情可以有人告诉我，我在这里缺少什么

jQuery('#jqxgrid').find('span').on("click",function() {
                    alert('i am here');
                });

jQuery('#jqxgrid').on("click",function() {
                        alert('This works but when i try to click on <span> that holds checkbox, it dont alert any thing other then this it works');
                    });

我的HTML简单如下

<body class='default'>
        <div id="jqxgrid"></div>
    </body>

Answer 1

如果您的元素已动态添加，请尝试使用 event delegation ：

$('body').on('click', '#jqxgrid span', function() {
    alert('i am here');
});

根据评论，您可以使用 .find() ：

jQuery('#jqxgrid').on("click", function() {                 
    var span = jQuery(this).find('.jqx-checkbox-check-checked');
});

无法触发Alert（）;在Jqxgrid复选框上

1 个答案: