处理两个jQuery版本

时间:2015-05-22 20:54:45

标签: javascript jquery jquery-scrollify

在我的页面上,我使用了scrollify和bootstrap响应式菜单。 Scrollify适用于jQuery 1.6和Bootstrap 2.1.4。

根据这里的一些帖子,我尝试了一些解决方案,但它们不起作用或者我做错了。

我尝试的是:

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.6.js"></script>
<script>var $j = jQuery.noConflict(true);</script>

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-2.1.4.min.js"></script>

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.6.js"></script>
<script>var $j = jQuery.noConflict(true);</script>
<script>
$(document).ready(function(){
 console.log($().jquery); // This prints v2.1.4
 console.log($j().jquery); // This prints v1.6
});

在这两个代码中,1.6版本应该有$ j而不是$并且它不起作用:

<script>
    $j(function() {
       $j.scrollify({
          section : "section",
       });
    });
</script>

实例: http://solutionsmvo.nazwa.pl/tyszka/ (现在响应式菜单工作并且滚动不起作用)

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

您是否尝试过放置在</body>标记上方的页面底部或页面底部?这有时可以帮助