0

ユーザーがアンカータグをクリックしたときにアラートを発生させようとしていますが、アラートが発生していません。私が試しているコードは以下のとおりです。

http://jsfiddle.net/NLdTJ/

<a id="collapse"> Collapse</a>

$(function(){
  $('#collapse').click(function(){
      alert('here');
  });
});
4

6 に答える 6

3

コードは問題ありませんが、フィドルに jQuery をロードしていませんでした。

http://jsfiddle.net/NLdTJ/3/

$(function(){
  $('#collapse').click(function(){
      alert('here');
  });
});

PS: SO は jsfiddle へのリンクだけでコードなしで回答を投稿できなかったため、コードを再度添付しました:)

于 2013-01-18T17:21:21.750 に答える
3

タグがハイパーリンクになる前に、href が必要です。そうでなければ、それらは単なるアンカーです。それを修正するには、次のことを行う必要があります。

    <a id="collapse" href="#"> Collapse</a>

    $(function(){
       $('#collapse').click(function(){
          alert('here');
       });
    });

それが役立つことを願っています。

（私はjQueryも想定していましたが、あなたのフィドルはmooToolsで設定されていました。それが意図的かどうかはわかりません。これが私の修正です：http://jsfiddle.net/NLdTJ/13/）

于 2013-01-18T17:19:03.203 に答える
3

リンクのデフォルトのクリック動作を防止するようにしてください。

$(function(){
  $('#collapse').click(function(e){
      e.preventDefault();
      alert('here');
  });
});

作業サンプル: http://jsfiddle.net/NLdTJ/15/

于 2013-01-18T17:19:29.387 に答える
0 
<a id="collapse" href="#" onclick="alert('here');"> Collapse</a>
于 2013-01-18T17:23:19.043 に答える
0

JSFiddle のフレームワークを変更して JQuery を含め、DOMReady で実行するだけで問題なく動作するはずです。

于 2013-01-18T17:23:34.257 に答える
0

あなたのコードには何も問題はありません。jQueryjsFiddle の左側にあるフレームワーク オプションからライブラリを選択すると機能します。

フレームワークを含めるようにフィドルを更新しました。

于 2013-01-18T17:23:44.730 に答える