2015-12-04 52 views
0

我已经用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(),这没有奏效。这可能是我打电话给剧本的时候吗?我不太清楚如何调试。

+0

你能解释一下“不工作”吗? – rahul

回答

1

它绝对是你的JS被调用,因为之后的页面完全加载的地方,如果你在浏览器中输入该控制台的工作原理:

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

也许有一些异步AJAX回事,超过写道..

你也许可以尝试超时存在,如:

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

谢谢阿兰,超时工作。我也会向插件开发者发送一条消息,因为如果所有图片默认显示,它应该显示“全部”。 –

0

尝试双引号,以防万一

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