Question

这是我的玉文件的片段：

ul#posts(data-role="listview")
        - each post in posts
          li(id=post._id, class="list-group-item list-group-item-success")
            a(id="btn") 
              p #{post.post.title} &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  #{post.post.date}

因此，这显示了从我的数据库中提取的帖子列表。现在在diff js文件中使用jquery，这就是我所拥有的：

$(function(){
$('#btn').click(function(){
    $('#myModal').modal('show');
}); 
$('#btn-save').click(function(e){
    window.location.href = "/subscribe/#{post._id}";
});
});

我正在使用bootstrap创建弹出页面，让用户验证他的点击。

问题是.click功能仅适用于我整个列表的第一个帖子我想要的是每次用户点击任何帖子时它都会起作用。

Answer 1

您需要使用class选择器而不是id选择器，因为所有id必须是唯一的。修改按钮后，可以使用.btn和`.btn-save＆＃39;类，您可以使用以下内容：

$(function(){
$('.btn').click(function(){
    $('#myModal').modal('show');
}); 
$('.btn-save').click(function(e){
    window.location.href = "/subscribe/#{post._id}";
});
});

显然没有经过测试，但这应该可行！如果这不起作用，您可能需要修改代码以使用jQuery＆＃39; each。

编辑：我看到问题已在评论中得到解答。太棒了:)）

我应该使用jquery为每个按钮循环来获取id吗？

1 个答案: