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. 綁定使用。對（）事件的點擊監聽器;

   $(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