1

関数を実行する Web ページにリンクを設定したい: リンクを次のように実装します。

<a href="#" id="reply">Reply</a>

そして、私は次のような関数を作成しました:

$(function reply(){
        $("#reply").click(function(){
         $('#txt').append('sample text');
         return false;
        });
    });

しかし、リンクをクリックするたびに、関数を実行する代わりに # ページに移動します。

4

1 に答える 1

2

を追加しevent.preventDefault();ます。

$(function reply(){
    $("#reply").click(function(event){
       event.preventDefault();
       $('#txt').append('sample text');
       return false;
    });
});

http://api.jquery.com/event.preventDefault/

このjsFiddleをチェックしてください

編集

ドキュメントにリンクを追加しているため、イベントはバインドされていません。動的に追加された要素にバインドするイベントを取得するには、2 つのことを行うことができます。

  1. コード内のクリック リスナーの前に追加を配置します。

  2. .on(); を使用してイベントをバインドします。

    $(document).on("click", "#reply", function(event){
  event.preventDefault();
  $('#txt').append('sample text');
});

$("#content").append("<a href=\"#\" id=\"reply\">Reply</a>");

http://api.jquery.com/on/

jsFiddleをチェックしてください

于 2013-03-11T20:01:29.053 に答える