添加ajax后jQuery不起作用

时间:2013-02-13 13:53:42

标签: javascript jquery ajax

我有多个javascript文件,一切都很好(一些函数可以为元素添加样式和类似的东西),但当我尝试添加: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>,唯一有效的方法是twitter feed。

这就是我的标题:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="js.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- nivoSlider -->
    <link rel="stylesheet" href="nivoSlider/nivo-slider.css" type="text/css" media="screen">
    <script src="nivoSlider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <!-- fancyBox -->
    <script type="text/javascript" src="fancyBox/jquery.fancybox.js?v=2.1.4"></script>
    <link rel="stylesheet" type="text/css" href="fancyBox/jquery.fancybox.css?v=2.1.4" media="screen">
    <script type="text/javascript" src="fancyBox/fancybox.js"></script>
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
    <!-- twitter -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"                                         type="text/javascript"></script>
    <script src="twitter.js" type="text/javascript"></script>
    <title>LEFT</title>
    </head>

我使用了this教程,所以这就是我为twitter提供的所有代码。

我不知道我还应该在这里复制什么来让别人理解我的问题; D

3 个答案:

答案 0 :(得分:3)

好吧,看起来你要导入jQuery两次,一次在顶部,一次接近尾声,这可能会导致一些非常讨厌的javascript冲突。加载一次就足够了。

答案 1 :(得分:2)

在其他脚本之前包含jquery吗?

答案 2 :(得分:-1)

通过Ajax使用和添加元素后,您需要重新修改 http://api.jquery.com/bind/

这里解释了原因 jQuery elements inside a jQuery dialog stop working after ajax call

:)