jQuery链接以运行函数

jQuery链接以运行函数,jquery,html,Jquery,Html,我希望在我的网页上有一个运行函数的链接:我使用以下内容实现该链接: <a href="#" id="reply">Reply</a> 但每次我单击think链接,它都会转到#页面,而不是运行函数。Addevent.preventDefault() 看看这个 编辑 由于将链接附加到文档,因此未绑定事件。要使事件绑定到动态添加的元素,可以做两件事 在代码中,将追加放在单击侦听器之前 使用.on()绑定事件 $(文档)。在(“单击”,“回复”,函数(事件){ event.p

我希望在我的网页上有一个运行函数的链接:我使用以下内容实现该链接:

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

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

Add
event.preventDefault()

看看这个

编辑

由于将链接附加到文档,因此未绑定事件。要使事件绑定到动态添加的元素,可以做两件事

  • 在代码中,将追加放在单击侦听器之前
  • 使用.on()绑定事件

    $(文档)。在(“单击”,“回复”,函数(事件){
    event.preventDefault();
    $('#txt')。追加('示例文本');
    });
    $(“#内容”)。追加(“”);
    

  • 检查

    无法重新设置问题。您需要查看控制台,看看是否有javascript错误。你的代码写的是正确的,所以有什么东西阻止它执行。如果我把www.google.com作为href,它会带我去谷歌。com@user2138541不在我的掌握之中。这个代码很好;您的问题在别处。使用.append方法时,您的事件未绑定。您需要使用$.on()方法将事件绑定到div,或者在附加链接后手动绑定事件。
    $(function reply(){
            $("#reply").click(function(){
             $('#txt').append('sample text');
             return false;
            });
        });
    
    $(function reply(){
        $("#reply").click(function(event){
           event.preventDefault();
           $('#txt').append('sample text');
           return false;
        });
    });
    
    $(document).on("click", "#reply", function(event){
      event.preventDefault();
      $('#txt').append('sample text');
    });
    
    $("#content").append("<a href=\"#\" id=\"reply\">Reply</a>");