Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 不';使用时不要点火。开?_Jquery - Fatal编程技术网

Jquery 不';使用时不要点火。开?

Jquery 不';使用时不要点火。开?,jquery,Jquery,我在这里期望的是当我单击该类时触发的函数,但它没有发生!a.按钮是动态创建的,但在完全加载时会显示在页面上 你知道为什么吗 HTML: 您需要将click事件添加到DOM树上的另一个元素中,然后对其进行过滤以处理锚元素。它将为具有.useImg类的任何元素激发,包括那些动态添加的元素 $('body').on("click", ".useImg", function(){ alert("test"); }); 看 确保将代码包装在jQuery DOM Ready事件中,以确保页面已完全

我在这里期望的是当我单击该类时触发的函数,但它没有发生!a.按钮是动态创建的,但在完全加载时会显示在页面上

你知道为什么吗

HTML:


您需要将click事件添加到DOM树上的另一个元素中,然后对其进行过滤以处理锚元素。它将为具有
.useImg
类的任何元素激发,包括那些动态添加的元素

$('body').on("click", ".useImg", function(){
    alert("test");
});

确保将代码包装在jQuery DOM Ready事件中,以确保页面已完全加载。乙二醇

$(document).ready(function() {
  $('body').on("click", ".useImg", function(){
        alert("test");
    });
});

您需要将click事件添加到DOM树上的另一个元素中,然后对其进行过滤以处理锚元素。它将为具有
.useImg
类的任何元素激发,包括那些动态添加的元素

$('body').on("click", ".useImg", function(){
    alert("test");
});

确保将代码包装在jQuery DOM Ready事件中,以确保页面已完全加载。乙二醇

$(document).ready(function() {
  $('body').on("click", ".useImg", function(){
        alert("test");
    });
});

请在文档准备好后重试

$(function() {
 $(".useImg").on("click", function(){
    alert("test");
    });
}

请在文档准备好后重试

$(function() {
 $(".useImg").on("click", function(){
    alert("test");
    });
}

您的代码在您可以看到的独立JSFIDLE中工作得非常好

因此,您必须有以下问题之一:

  • 您正在尝试在DOM准备就绪或对象存在之前安装事件处理程序
  • javascript中有一个错误,导致无法安装事件处理程序
  • 页面或HTML中的实际代码与问题中的代码不同,因此还有一些其他问题没有披露
  • 您可以通过将代码放入
    $(document).ready()
    处理程序或使用委托事件处理来保护第一项


    对于第二项,您必须检查浏览器错误控制台中的脚本错误。

    您的代码在您可以看到的独立JSFIDLE中运行良好

    因此,您必须有以下问题之一:

  • 您正在尝试在DOM准备就绪或对象存在之前安装事件处理程序
  • javascript中有一个错误,导致无法安装事件处理程序
  • 页面或HTML中的实际代码与问题中的代码不同,因此还有一些其他问题没有披露
  • 您可以通过将代码放入
    $(document).ready()
    处理程序或使用委托事件处理来保护第一项

    对于第二项,您必须检查浏览器错误控制台中的脚本错误。

    尝试使用
    $(“body”)。在(“click”、“.useImg”、function()上{
    警报(“测试”);
    });

    建议您使用最新的jquery库

    尝试使用
    $(“body”)。在(“click”、“.useImg”、function()上{
    警报(“测试”);
    });

    建议您使用最新的jquery库

    如果委派有任何帮助,请尝试<代码>$(文档)。在(“单击”、“.useImg”、…)
    上,您是否忘记将其包装在
    $(文档)中。准备就绪(…)
    ,可能吗?您使用的是哪个版本的jQuery
    on()
    是在1.7中添加的(在此之前,建议使用
    delegate()
    )。如果委派有任何帮助,请尝试<代码>$(文档)。在(“单击”、“.useImg”、…)
    上,您是否忘记将其包装在
    $(文档)中。准备就绪(…)
    ,可能吗?您使用的是哪个版本的jQuery
    on()
    是在1.7中添加的(在此之前,建议使用
    delegate()
    )。鉴于元素(假定)在页面加载中存在,如何提供此帮助?感谢您的快速响应!试过了。生活也是如此,但你的想法更好。再次感谢@Kim不使用
    live
    。它早就被弃用了,并且从1.9中删除了。当您绑定到
    body
    时,没有理由等待DOM就绪。所以,我对
    body
    不满意
    document.body
    更快(更酷),而且
    document
    也是一个可行的绑定目标;-)假设元素(假定)出现在页面加载中,这有什么帮助呢?感谢您的快速响应!试过了。生活也是如此,但你的想法更好。再次感谢@Kim不使用
    live
    。它早就被弃用了,并且从1.9中删除了。当您绑定到
    body
    时,没有理由等待DOM就绪。所以,我对
    body
    不满意
    document.body
    更快(更酷),而且
    document
    也是一个可行的绑定目标;-)啊。。我忘了写$(document).ready()。。编辑答案啊。。我忘了写$(document).ready()。。编辑答案