Css选择器不适用于简单的jquery脚本

时间:2013-04-29 14:59:44

标签: javascript jquery twitter-bootstrap

我有一个使用twitter bootstrap的codeigniter。最后,我使用jquery:

进行简单的淡入淡出
<script src="http://localhost/b1/js/jquery.js"></script>
    <script>
    $(document).ready(function() {
    $(".content").fadeIn(1000);
});
</script>

HTML is here

现在我将脚本代码中的源代码从正在处理的页面复制到了无法正常工作的页面,并且在非工作页面上未声明“content”。

测试这个我跑了$(“。content”)。length;来自firebug控制台,输出为:0显然“内容”不存在。

我想选择另一个css选择器让淡入淡出的脚本工作,所以我尝试了:

$(".html").fadeIn(1000);$(".container").fadeIn(1000);

它仍然无效。有人可以解释我做错了什么,以及如何选择一个会在整个页面中消失的选择器吗?

我有部分页面由php(codeigniter)动态生成。具体来说,标题,导航栏和页脚

2 个答案:

答案 0 :(得分:5)

整页的$("body").fadeIn(1000)怎么样?注意没有点,因为它是元素名称,而不是类名。

答案 1 :(得分:1)

你的html中没有div'内容'所以它永远不会找到它.... 尝试在body或html上执行此操作,例如$(html).fadeIn(800) - nb,而不是在开始时完全停止