Php jQuery-选择嵌套在div ul li中的特定按钮

我承认迷路了。我试图选择一个按钮，该按钮嵌套在ul中嵌套在div中的行项目中

下面是创建菜单栏的php。它通过ajax返回给id为menubar的div。那部分很好用。但是，我的所有单击功能都不起任何作用

echo "<ul>";
echo "<li class = 'menu'><button class = 'menbtn' id='scores'>Scores</button></li>";
echo "<li class = 'menu'><button class = 'menbtn' id='rules'>Rules</button></li>";
echo "<li class = 'menu'><button class = 'menbtn' id='courses'>Courses</button></li>";
echo "<li class = 'menu'><button class = 'menbtn' id='history'>Comments</button></li>";
echo "<li class = 'menu'><button class = 'menbtn' id='history'>Reservation</button></li>";
echo "</ul>";

我假设我必须使用某种嵌套选择，因为id为scores的按钮的单击函数-$'scores'没有任何作用。我已经尝试过各种嵌套选择器，并删除了它们

如果有人能给我看一个带有分数id的按钮的正确选择器，我会从那里找到答案

谢谢,

---

DMD

似乎您没有将这些事件放入document.ready函数中。试着让他们参与进来

例如：

---

这将向按钮添加事件侦听器

$(document).on('click', '#scores', function (){
    //do something
});

---

首先，您的html中有无效的标记，即具有相同id的按钮注释和保留，其次

选择器实际上很简单，只是

$("#scores") //<----

---

问题是jquery可以读取dom中ajax返回的新元素。 要通知jquery重新读取dom，必须调用live

$('#scores').live("click",function(){
     alert("you clicked scores");
});

您可以使用live方法，通过该方法可以触发通过ajax添加的新元素

$(document).ready(function(){
  $('#scores').live('click',function(){
    //Your code
  })
});

---

获取输出标记和JS并粘贴到jsfiddle或jsbin。需要更多的上下文。点击分数就可以了。我猜是语法错误或绑定在$ready或其他东西之前。我猜也是，但Q缺少很多细节。@user1813926然后向上投票并接受答案，请。很高兴提供帮助。函数live，它已被弃用，您必须同时使用.live和.on work上的函数进行更改。我感谢大家的建议。我怀疑我自己是否能找到答案。非常感谢-身份证没问题。我的代码片段编辑错误。谢谢。活得好；然而，我看到它被弃用了，取而代之的是。在它上面也是有效的。

$('#scores').live("click",function(){
     alert("you clicked scores");
});

$(document).ready(function(){
  $('#scores').live('click',function(){
    //Your code
  })
});