jquery - 运行函数的 jQuery 链接

Question

我想在我的网页上有一个运行功能的链接：我使用以下内容实现链接：

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

我创建了这样的函数：

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

但是每次我点击 think 链接时，它都会转到 # 页面而不是运行该函数。

Answer 1

添加event.preventDefault();.

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

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

看看这个jsFiddle

编辑

由于您将链接附加到文档，因此事件没有被绑定。您可以做两件事来让事件绑定到动态添加的元素。

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