0

PHP と SQL を介して生成されたリストがあり、スタイル設定された各行内にお気に入りのボタンがあります。お気に入りのボタンをクリックすると、色が変わるクラスが切り替わります。

最初のボタンは機能しますが、リスト内の他のボタンは機能しません。

     <button id="favorite" type="button" class="btn btn-xs btn-success" title="Follow">
         <span class="glyphicon glyphicon-star"></span>
     </button>

     <script>
        $("#favorite").click(function() {
          $(this).toggleClass('clicked');
        });
     </script>

投稿する前に同様の質問を調べましたが、達成しようとしていることに関連するものは何も見られず、グーグルでさえ実際には役に立ちませんでした。これは簡単な作業だと思います。私はJQueryにかなり慣れていません

4

2 に答える 2

2

をa に変更するidとclass、コードは正常に動作するはずです。

 <button class="favorite btn btn-xs btn-success" type="button" title="Follow">
     <span class="glyphicon glyphicon-star"></span>
 </button>

 <script>
    $(".favorite").click(function() {
      $(this).toggleClass('clicked');
    });
 </script>
于 2013-11-12T22:36:13.730 に答える
1

複数の要素に同じ ID を使用しています。お気に入りのクラスを追加して、代わりにこれを試してください:

$(".favorite").click(function() {
     $(this).toggleClass('clicked');
 });
于 2013-11-12T22:36:46.827 に答える