阿賈克斯網站和哈希鏈接

Question

我的網站是基於Ajax的。我有一些ID爲content的div，它是由.get -request（來自jquery）動態生成的。問題是內部內容中有鏈接：<a href="site.com/#some_hash">text</a>並且它應該重新加載應用於some_hash邏輯的頁面。我怎樣才能點擊這些鏈接並重新加載頁面？

$('.content a').bind('click', function() { 
    alert('Clicked!'); 
}); 

這不會提醒。

Answer 1

我想你應該在（）http://api.jquery.com/on/

$(document).on('click', '#content a', function() { 
    YOUR FUNCTION 
}); 

Answer 2

當前的代碼是不工作的原因是，jQuery的「綁定」只運行一次使用jquery - 加載頁面時。因此，添加到DOM後的鏈接沒有綁定到它們的事件。

要解決這個問題，可以在jQuery中使用.on（）方法。

$(document).on('click', '#content a', function() { 
    YOUR FUNCTION 
}); 

您也可以使用.live（） - 但現在不推薦使用。

然而 阿賈克斯擁有一個龐大而完善的集設計模式，雖然我不打算進入的利弊，使整個網站AJAX的利弊，我強烈建議你看看做了一些插件對於這樣的功能，例如：

• http://max.jsrhost.com/ajaxify/
• http://github.com/rails/turbolinks
• http://pjax.heroku.com

這些會爲你提供很多這種東西，你可以專注於其他事情。