jQuery click（）不一致地被调用

Question

我要疯了。 我有一系列的div绑定了单击事件。 他们中的大多数人都按预期工作，但其中一些人什么也没做。 它们之间的代码没有区别（无论是在生成它们的javascript中还是在元素检查器中看到的结果HTML中）。 它们都可以在Safari中工作，但是在Chrome中，我有时会失败。 在下面的代码中，即使“ PLAY”也永远不会写入控制台。

共享代码很困难，因为它是更大的事情的一部分，但是基本上看起来像下面这样。 首先，一些从javascript写入文档的HTML：

<div class='thumbnail' id='p-"+ip+"'></div>

结果如下：

<div class='thumbnail' id='p-220'></div>

然后，将click（）绑定到它，如下所示：

      playHandler(ip);

      function playHandler(ip) {
          $("#p-"+ip).click(function() 
            console.log("PLAY");
            popTranscription.listen("canplayall",function() { this.currentTime(ip) });
            popTranscription.play();
            cued = true;
          });
      }

大多数情况下，单击div会触发绑定函数。 有时不是。 总是相同的特定缩略图类div无效（例如，我在文档中有一长串这些div，它们由“ ip”变量来区分，即ip 1、2、3始终有效，而4则始终有效）不行）。

对不起，我没有更多可以显示的东西，但是有人对寻找的东西有任何想法吗？ 我丢了 我尝试使用bind（）而不是click（）。 我尝试了onclick而不是jquery，但这也给了我奇怪的不一致行为（有时它找到了功能，有时找不到了）。

更新：问题与页面上存在重复的ID有关。 我在ID字符串中添加了一些唯一的标识符，问题得以解决。 感谢您的带领！

Answer 1

试试这个

 $(".thumbnail").click(function() {
            var idchunk = $(this).attr('id');
            var ip = idchunk.split('-');
            console.log("PLAY");
            popTranscription.listen("canplayall",function() { this.currentTime(ip[1]) });
            popTranscription.play();
            cued = true;
          });