javascript - 无法触发Alert();在 Jqxgrid 复选框上

标签 javascript jquery jqxgrid

我正在关注这个http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm?%28arctic%29#demos/jqxgrid/checkboxcolumn.htm 我想做的是,我正在 try catch 复选框上的更改,到目前为止我已经做了类似的事情,但以下不会触发任何事情,有人可以告诉我我在这里缺少什么

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>

最佳答案

尝试使用 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');
});

关于javascript - 无法触发Alert();在 Jqxgrid 复选框上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22712871/

相关文章:

javascript - 如何通过 AJAX 响应将值插入数组?

javascript - 更简单或更好的方法来检查 jqxgrid 是否没有要显示的数据(为空)?

javascript - HTML, CSS 自动滚动页面到底部

javascript - 每个循环结束时做一些事情

javascript - Chrome 地址栏在移动网站上留下空白

javascript - jQuery 用户界面 : draggable on dragenter

javascript - 需要在单击时突出显示 jqxNumberInput 的内容

javascript - 在jqxGrid中查找具有特定列值的行

javascript - 如何在循环和 setInterval 中仅执行一次 fadein() 和 fadeout() ?

javascript - 收到此错误 "Uncaught TypeError: Cannot read property ' documentElement' of null”