jQuery在文本发生变化之前做出改变是值得注意的

时间:2015-06-16 21:42:16

标签: javascript jquery html dom text

我使用以下代码在网站上进行文字更改:

jQuery(document).ready(function() {
    jQuery('div#sidebar ul.side-nav li.current_page_item a').text('Request a Quote');
});

问题是,更改是在网页加载完成之后完成的,因此用户实际上可以在插入新文本之前查看原始文本是什么。这不是理想的效果。有没有一种方法可以运行这个简单的jQuery命令而不用它在用户面前执行?在加载页面之前应该更改文本,因此它看起来总是在那里。

2 个答案:

答案 0 :(得分:2)

您可以在更改文本之前隐藏它,然后再显示它:

jQuery(document).ready(function() {
    jQuery('div#sidebar ul.side-nav li.current_page_item a')
      .hide()
      .text('Request a Quote')
      .show();
});

答案 1 :(得分:1)

您可以使用css将锚点显示为最初隐藏。更新您的文本并使用jquery显示。



jQuery(document).ready(function() {
    jQuery('div#sidebar ul.side-nav li.current_page_item a').text('Request a Quote').show();
});

div#sidebar ul.side-nav li.current_page_item a {
  display: none;
}