1

我正在尝试创建一个包含图像滚动条和投票系统的页面（我从这里复制：http: //yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-弹出使用 jquery/）。

在我添加投票弹出窗口之前，滚动条工作得很好。本质上，当我添加库时

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript">

弹出窗口需要工作，滚动图像消失，每当我点击滚动箭头时页面似乎重新加载。如果我注释掉上面的库，那么滚动条会重新出现（但弹出窗口不起作用）。这是其他文件的目录。

  • public/scripts/general0.js - 滚动条的初始化
  • public/script/woo-jcar.js - 滚动功能
  • public/scripts/popup.js" - 弹出式 javascript

请帮忙！我是新手，所以这可能只是一件愚蠢的事情，比如添加到冲突的库或其他东西。

谢谢，

4

2 回答 2

1

jQuery 已经存在于您的页面（版本 1.7.1）中，位于 HTML 标记的这一行中：

<script type="text/javascript" src="public/scripts/jquery00.js"></script>

删除这一行，你应该没问题：

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
于 2012-04-12T20:53:56.467 回答
0

正如 Rocket 所提到的，使用 noConflict 将 $ 重新打开 1.7.2 并使用 $jq126 引用 jQuery 1.2.6：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $jq126 = $.noConflict(true);
    // $ (and jQuery) is jQuery 1.7.2
    // $jq126 is jQuery 1.2.6
</script>

如果这还不够，可能弹出库严格依赖于 jQuery 1.2.6。那么然后打开弹出的libray js文件，将所有代码按照如下方式封装：

(function($, jQuery){
    // all the lib code
})($jq126, $jq126);

这样旧的 lib 继续引用旧版本的 jQuery。

于 2012-04-12T21:28:18.680 回答