Javascript 为什么$（'id'）。在（'click'，函数（事件）{…}）上；不起作用？

我发明了一个电影探索者。找到的每部电影都由电影标题和一张电影海报组成。找到的电影将显示在列表中。每个电影标题都是一个具有相同id='movie'的主播

但它不起作用。有人知道为什么吗？我想一定是身份证，但我不知道怎么解决。我试着用Chrome工具去除虫，但我不知道怎么做

而不是重复id'sId在页面重复类中必须是唯一的，并使用document.ready块，如图所示：-

$(document).ready(function(){
  $('.movie').on('click', function (event) {
    event.preventDefault();
    console.log('Hello World!');
  });
});

至少有两个问题：

将JS封装在函数中 使用一个类而不是多个ID。 请尝试以下内容

<li>
    <p>
       <a class="movie" href="#"> title </a>
    </p>
    <img src="thumbnailSrc">
</li>

$('.ClassName').on('click', function (event) {
    event.preventDefault();
    // You code here with 
    //$(this).text(); or $(this).html();
    console.log('Hello World!');
}); 

---

希望这对您有所帮助。

首先将您的id=movie更改为class=movie。 更改html，如下所示：

enter code here

 <li>
    <p>
       <a class="movie" href="javascript:void(0);"> title </a>
    </p>
    <img alt="Image name" src="thumbnailSrc">
 </li>

编辑

---

将void更改为void0，使其在锚定标记中正常工作。

每个电影标题都是具有相同id='movie'的锚定。选择错误，id属性在HTML文档中必须是唯一的。改为使用类。将其包装在$document.readyfunction{}；我把它包好了，但还是不起作用。我还将id更改为class。我还尝试使用$'li'、$'p'和$'a进行搜索。这可以工作，但它会抛出未捕获的SyntaxError:意外标记。为什么这样做有效而其他解决方案无效？这很奇怪，因为如果我运行这个$document.body.on'click'，'.movie'，函数{}；仍然有一个错误，但为空。无论如何，谢谢，请看我编辑的答案。抱歉耽搁了。如果它不起作用，告诉我。可能会的

<li>
    <p>
       <a class="movie" href="#"> title </a>
    </p>
    <img src="thumbnailSrc">
</li>

$('.ClassName').on('click', function (event) {
    event.preventDefault();
    // You code here with 
    //$(this).text(); or $(this).html();
    console.log('Hello World!');
}); 

enter code here

 <li>
    <p>
       <a class="movie" href="javascript:void(0);"> title </a>
    </p>
    <img alt="Image name" src="thumbnailSrc">
 </li>

$(document.body).on('click','.movie',function(){
    console.log('Hello World!');
});