使用jQuery更改動態內容？

Question

我是使用jQuery的新手，但目前正在使用Safari擴展程序，並且在頁面上附加了一些文本時遇到了一個難題。

基本上，我正在創建一個擴展，該擴展將在元素內頁面上的文本字符串后附加另一個字符串

<td id="name">foo</td>

使用以下jQuery代碼

  jQuery("#name").filter(function() 
         {return jQuery(this).text() == 'foo'; }).append('bar');

這將導致

<td id="name">foobar</td>

這在標准html頁面中效果很好，但是-我希望其運行的網站使用另一位JS動態加載元素內的內容，因此在網站上進行測試時，該元素被列為

<td id="name"></td>

然后JS庫在其中添加名稱，這意味着我無法附加文本（名稱出現在瀏覽器窗口中，而不是頁面源代碼中）。 有辦法解決這個問題嗎？

我試過使用

$(window).load()

雖然這沒有效果。

Answer 1

聽起來好像您需要延遲腳本，以便它將在另一個編寫“ foo”的腳本運行之后運行。 通常，jquery腳本在文檔加載時使用

$(function(){ /* script */  });

因此，如果還為時過早，則可能需要綁定到寫入“ foo”時發生的某個事件，您可能必須掛鈎其他腳本。 從這個問題還不清楚，這是一個寫“ foo”的ajax東西，或者是另一個沒有任何額外負載的腳本。 您可能要發布它。

如果仍然無法解決問題，則始終可以使用setTimeout（）調用來延遲腳本，但這很草率，不建議這樣做。