0

ここで紹介されているオン/オフボタンがあります

.on私はすべての要素を配置しており、ボタンを押すとボタンクラスが開始されることを期待しています。

私が何をしようとしても、それだけは機能しません。

jsFiddleに正確なコードを追加しました。そこでは機能しますが、私のページでは機能しません。

jquery内にHTMLを追加しています：

'<section>'+
        '<button id="button" href="#">&#xF011;</button>'+
    '<span>'+
    '</span>'+
'</section>'+

CSS要素間の競合を推測していますが、問題を特定することはできません。

何かご意見は？

4

4 に答える 4

6

これを試して

<script type="text/javascript">
    $(document).ready(function(){
        $('#button').on('click', function(){
            $(this).toggleClass('on');
        });
    })
</script>
于 2013-01-27T20:52:47.153 に答える
3

jsFiddleでは、内$(document).ready()でイベントを正しくバインドしていますが、自分のページではそうではありません。したがって、jsFiddleでは、DOMの準備ができた後でのみイベントが要素に正しくバインドさbuttonれますが、自分のページでは、要素がその段階でまだ存在しないため、イベントはバインドに失敗します。

于 2013-01-27T20:53:21.333 に答える
2

私はあなたのページのHTMLでこれを見ることができます：

<script>
   $(function(){
      $('#player').metroPlayer();
   });
</script>
<script type="text/javascript">
   $('#button').on('click', function(){
      $(this).toggleClass('on');
   });
</script>

on()関数を内部に配置する必要があります$(function() { ... });

于 2013-01-27T20:53:35.980 に答える
2

これを試して

 $(document).ready(function(){
      $('#button').click(function(){
         $(this).toggleClass('on');
      });
    });
于 2013-01-27T20:54:40.820 に答える