jQuery自定义没有顺利加载(相反,原始出现,然后它被修改)

时间:2010-02-06 22:22:27

标签: jquery squarespace

我正在使用Squarespace CMS系统在一个网站上工作,并添加了一些简单的jQuery来删除在过滤内容时出现的一些自动添加的文本(特别是“文本中的条目”)。

在我将Google翻译脚本添加到页脚之前,这一过程顺利运行没有任何问题。现在删除“条目”文本并不顺利 - “条目”文本首先显示在页面加载然后被删除,所以它感觉有点跳跃。看起来页脚中的Google Translate脚本会造成干扰,我担心它可能会干扰我在项目进行过程中可能添加到网站的任何其他jQuery。我很好奇我能做些什么来确保这些自定义能够顺利加载?

我正在处理(正在进行中)的网站可以在wohf.squarespace.com上查看

我到目前为止的代码如下:

<script src="/storage/Scripts/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
<!--

$(function(){ 

//***************************************
// Remove "Entries In" text
//***************************************
$('.journal-filter-header h2:contains(Entries in)').each(function(){ 
   var str = $(this).html(); 
   $(this).html(str.replace('Entries in','')); 
});


});
-->
</script>

...以及页脚中的Google翻译以下内容:

<div id="footerRight">
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>

再一次,非常感谢任何帮助!!

3 个答案:

答案 0 :(得分:1)

你真的应该尝试在CMS(服务器端)中找出如何更改它。 JavaScript仅用于帮助您处理动态内容,而不是静态内容。

答案 1 :(得分:0)

您可以尝试直接在页面末尾的脚本标记中运行修复功能,而不是在jQuery“就绪”上下文中运行。换句话说,让您的代码在页面加载完成之前运行。 (当然,这可能会或可能不会完全有帮助。)

答案 2 :(得分:0)

你试过jQuery.getScript()吗?您应该可以延迟加载翻译脚本,直到“替换”完成。

http://api.jquery.com/jQuery.getScript/