Javascript 单击ajax加载内容和动态id上的事件

Javascript 单击ajax加载内容和动态id上的事件,javascript,jquery,ajax,click,Javascript,Jquery,Ajax,Click,我使用ajax加载内容。需要调用ajax加载的内容。我也尝试了一些代码,但没有这个运气 jQuery(document).ready(function(){ var itemId = '<?php echo $_item->getId(); ?>'; jQuery("#cart-sidebar").on("click", '.increment_qty_'+itemId, function(event) { conso

我使用ajax加载内容。需要调用ajax加载的内容。我也尝试了一些代码,但没有这个运气

jQuery(document).ready(function(){
        var itemId = '<?php echo $_item->getId(); ?>';

         jQuery("#cart-sidebar").on("click", '.increment_qty_'+itemId, function(event) {
            console.log("work");
        });

        jQuery("#cart-sidebar").on("click", '.increment_qty_<?php echo $_item->getId(); ?>', function(event) {
            console.log("work");
        });
});
jQuery(文档).ready(函数(){
var itemId='';
jQuery(“#购物车侧边栏”)。在(“单击”上,“.增加#数量”+itemId,函数(事件){
控制台日志(“工作”);
});
jQuery(“#购物车侧栏”)。在(“单击”上,增加“数量”,函数(事件){
控制台日志(“工作”);
});
});

尝试将事件绑定到文档,这样可以确保在DOM中找到元素时可以触发该元素

jQuery(document).ready(function(){
        var itemId = '<?php echo $_item->getId(); ?>';

          jQuery(document).on("#cart-sidebar","click", '.increment_qty_'+itemId, function(event) {
            console.log("work");
        });

        jQuery(document).on("#cart-sidebar","click", '.increment_qty_<?php echo $_item->getId(); ?>', function(event) {
            console.log("work");
        });
});
jQuery(文档).ready(函数(){
var itemId='';
jQuery(文档)。在(“#购物车侧栏”,“单击“,”。增加#u数量#”+项目ID,函数(事件){
控制台日志(“工作”);
});
jQuery(文档)。在(“#购物车侧栏”,“单击“,”。增加数量”函数(事件){
控制台日志(“工作”);
});
});

有两种方法可以将事件处理程序附加到Ajax加载的内容

  • 将事件附加到ajax请求的完成回调上。(参考号:)

  • 使用。这将允许您在将来将事件侦听器附加到元素

  • 就像这样:

    jQuery(document).ready(function(){
            var itemId = '<?php echo $_item->getId(); ?>';
    
             jQuery(document).on("click", '.increment_qty_'+itemId, function(event) {
                console.log("work");
            });
    
    
    });
    
    jQuery(文档).ready(函数(){
    var itemId='';
    jQuery(文档).on(“单击”,“.增加数量”+itemId,函数(事件){
    控制台日志(“工作”);
    });
    });
    
    您的问题是什么?那么ajax调用在哪里呢?当页面第一次加载时,您得到的是
    itemId
    ,它不是来自ajax。AJAX真的返回了带有
    itemId
    的元素吗?还是动态变化的?是的,我每次都得到itemId,但是当AJAX调用它的replace full file content时,这个点击事件js也成功加载到AJAX上。页面刷新后,单击事件工作按钮无法设置1选项,因为js文件和ajax是两个不同的选项file@Ajaypatel使用文档而不是$(“#购物车边栏”)。单击,正如我在回答中提到的。另外,请提到你动态添加htmli的方式。我已经尝试了document、live、on、delegate,但没有工作,因为js加载到Ajax上。你能发布一些你的html吗?
    jQuery(document).ready(function(){
            var itemId = '<?php echo $_item->getId(); ?>';
    
             jQuery(document).on("click", '.increment_qty_'+itemId, function(event) {
                console.log("work");
            });
    
    
    });