jQuery链接来运行一个函数

Question

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

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

我已经创建了这样的函数：

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

但每次点击思考链接时，都会转到＃页面而不是运行该功能。

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