Question

不确定此问题的倾斜度是否正确，但此处仍然存在。

我在这样的for循环中发布链接：

for ($i = 0; $i < count($results); $i++){ 
    echo '<tr class="game-green">
             <td>
                 Playing against <strong>'.$oppname.'</strong><br />Game ID: <strong>'.$oppid.'></strong>
                 <a id="test" class="btn btn-primary btn-single btn-sm" style="float:right;" data-id="'.$oppid.'^'.$playerid.'" data-target=".bs-example-modal-lg">Edit</a>
             </td>
          </tr>';
}

正如你所看到的，每个href都有id = test，因为我的jquery看起来像这样：

$(document).ready(function(){
    $('#test').click(function(){
        var data = $(this).data("id").split('^');
        $('#myModal').modal({
            remote: 'assets/modals/gameinfo.php?gameid='+data[0]+'&playerid='+data[1],
            show: true
        });
    }); 
});

但是当点击任何链接时，除了第一个没有任何反应。我猜它是因为它们都具有相同的ID ...但我无法弄清楚如何通过它。

任何帮助都表示赞赏，并提前感谢： - ）

Answer 1

让它成为一个类选择器，就像这样

$('.test').click(function(){
...

而不是每个achor标签具有相同的id，这是无效的格式和非常错误的事情，特别是当id在dom中是唯一的值时...具有相同的类名并指定单击监听器每个标签。

Answer 2

请尝试使用其他属性id，而不是使用data-id。这将使它成为一个有效的选择器，你可以将click函数应用于所有元素。

<a data-id="test"....</a>

然后选择：

$('a[data-id="test"]').click(...

来自多个链接的相同点击功能

2 个答案: