當DOM準備就緒時，jQuery代碼不會執行

我已經編寫了一個簡單的jQuery腳本，用於更改鏈接的哈希標記。我這樣做是因爲我在Wordpress中使用了IntenseDebate評論，但評論鏈接仍然鏈接舊評論的替換ID。我使用的是jQuery，所以如果啓用javascript，用戶可以點擊評論鏈接，它會將他們帶到IntenseDebate評論。如果它沒有啓用，它會帶他們到傳統的評論（因爲IntenseDebate需要javascript來運行）。當DOM準備就緒時，jQuery代碼不會執行

我在這個腳本中存在的問題是改變鏈接末尾的哈希標記。目前URL「someurl.com/ ＃反應」，但我需要腳本將其更改爲「someurl.com/ ＃評論」。發生了什麼是腳本不起作用，但我相信我的語法是正確的，所以我決定嘗試將代碼複製並粘貼到Firebug的控制檯中，並且代碼完美地執行。我可以看到，我試圖改變的鏈接現在是正確的，我可以點擊它並按照我的意願工作。所以我不明白的是爲什麼代碼在應該執行時沒有執行。我正在使用$（document）.ready（），並在頁面上有其他jQuery，執行得很好。我甚至在一個簡單的HTML頁面上進行了測試，遠離了可能由Wordpress引起的所有問題，並且我收到了相同的結果。有誰知道爲什麼會發生這種情況？

這裏是我的代碼（我用noConflict因爲WordPress的利用其他框架）：

jQuery.noConflict(); 
jQuery(document).ready(function($) { 
$("a[href$='respond']").each(function() { 
    this.href = this.href.replace("respond", "comments"); 
}); 
})(jQuery);

非常感謝您的幫助！

來源

2010-06-13 Ben Kulbertis

要調用的jQuery(document).ready()結果，會給你一個類型的錯誤，您正在尋找這樣的模式：

(function ($) { 
    // inside this function, you can use `$` 
    $(document).ready(function() { 
    $("a[href$='respond']").each(function() { 
     this.href = this.href.replace("respond", "comments"); 
    }); 
    }); 
})(jQuery.noConflict());

在上面的代碼，你宣佈立即調用的匿名函數，將結果jQuery.noConflict()作爲該函數的參數$。

來源

2010-06-13 18:01:54 CMS

啊，謝謝，這段代碼不會產生Firebug抱怨的類型錯誤。但是，它並不像我的那樣執行。當頁面加載沒有任何變化，但如果我將它粘貼到控制檯並運行它，它完美的作品。 – 2010-06-13 18:18:49

調用.ready（）時不需要傳遞參數。 jQuery在調用你的函數時將jQuery對象作爲初始參數傳遞。

jQuery.noConflict(); 
jQuery(document).ready(function($) { 
    $("a[href$='respond']").each(function() { 
     this.href = this.href.replace("respond", "comments"); 
    }); 
});

http://api.jquery.com/ready/

來源

2010-06-13 18:10:56 Chadwick

內部線應該是：

jQuery.noConflict(); 
jQuery(document).ready(function($) { 
    $("a[href$='respond']").each(function() { 
     $(this).attr("href", $(this).attr('href').replace("respond", "comments")); 
    }); 
});

該瀏覽器不喜歡鑄造直接this.href取代;

編輯：或者它可能只是我的瀏覽器有一個hissy。

來源

2010-06-13 18:40:15

當DOM準備就緒時，jQuery代碼不會執行

回答

相關問題