用不同的文字替換DIV中的文字

我已經用Google搜索瞭如何做到這一點，但看起來並不困難，但它似乎也沒有工作。用不同的文字替換DIV中的文字

在這個網站：http://www.glassrailingsusa.com/glass-railing-gallery/

有畫廊的下拉菜單。該頁面默認爲「全部」圖像，但該框不讀取「全部」。我無法更改插件，所以我想我只是使用jQuery來更改文本。

這是我的JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $('div.fg-current-album').text('All'); 
}); 
</script>

這是下拉的HTML（這是不是一個選擇）

<div class="fg-dropdown"> 
<div class="fg-current-album fg-current-album-white">Exterior Railings</div> 
<ul class="fg-dropdown-list fg-dropdown-list-white" style="display: none;"> 
    <li>All</li> 
    <li>Exterior Railings</li> 
    <li>Glass Gates</li> 
    <li>Glass Railings</li> 
    <li>Interior Railings</li> 
</ul> 
</div>

我試過在頭添加腳本，並在關閉身體標籤上方的頁腳。這兩個似乎都沒有工作。我也嘗試過.html（），這沒有奏效。這可能是我打電話給劇本的時候嗎？我不太清楚如何調試。

來源

2015-12-04 Keryn Gill

你能解釋一下「不工作」嗎？ – rahul

它絕對是你的JS被調用，因爲之後的頁面完全加載的地方，如果你在瀏覽器中輸入該控制檯的工作原理：

$('div.fg-current-album').text('All');

也許有一些異步AJAX回事，超過寫道..

你也許可以嘗試超時存在，如：

setTimeout(function(){ $('div.fg-current-album').text('All'); }, 3000);

來源

2015-12-04 01:01:30 Aram

謝謝阿蘭，超時工作。我也會向插件開發者發送一條消息，因爲如果所有圖片默認顯示，它應該顯示「全部」。 –

嘗試雙引號，以防萬一

$("div.fg-current-album").text("<p>All</p>");

來源

2015-12-04 01:00:50

用不同的文字替換DIV中的文字

回答

相關問題