0

これはphpループにあります。

echo "<td><a id='gbdetail' href='#gbdetay' data-toggle='modal' onClick='getGBdetay()' class='btn btn-small' data-original-title=' click to see detail ' data-placement='left' rel='tooltip' href2='lookgb.php?gbid=".$wrgb['id']."'>"."<i class='gicon-edit'></i></a></td>";

これはjqueryの部分です。

function getGBdetay()  { 
    $('#gbdetail').click(function(){
        var url = $(this).attr('href2'); 
        $("#gbbody").load(url); 
    }); 
};

最初の行でのみ機能し、コンテンツは他の行に読み込まれません。これを引き起こす原因は何ですか？

編集：

セレクターの変更で動作しました。しかし、今では最初のクリックでは機能しません。ファーストクリックでコンテンツが読み込まれません。最初にクリックした後は問題なく動作します。なぜファーストクリックで動作しないのですか？

    function getGBdetay()  { 
  $('.btn.btn-small.gbdetayl').click(function(){
   var url = $(this).attr('href2');
   $("#gbbody").load(url);
});

 echo "<td><a target='_blank' href='#gbdetay' data-toggle='modal'  onClick='getGBdetay()' class='btn btn-small gbdetayl' data-original-title=' click to see detail ' data-placement='left' rel='tooltip' href2='lookgb.php?gbid=".$wrgb['id']."'>"."<i class='gicon-edit'></i></a></td>";
4

1 に答える 1

0

IDはページで1回しかできないためです。

<a>に同じIDの代わりに同じクラスを指定し、それを使用して上のすべての要素を選択できます。あなたはbtnクラスとして使用したので、あなたはそれを行うことができます

function getGBdetay()  { 
    $('.btn').click(function(){
        var url = $(this).attr('href2'); 
        $("#gbbody").load(url); 
    }); 
};

すべてのボタンにこのonclick機能があります。すべてのリンクを選択するには、別のクラスまたは別の方法を追加する必要がある場合があります。

于 2013-01-14T15:04:45.517 に答える