Question

我正在使用的两个插件使用不同版本的jQuery。我已成功使用noConflict（）让它们一起工作但现在我想使用Foundation 5的模式向移动用户宣布这个网站最好在横向上观看。我可以使用，也可能需要一个简单的警报，但风格的部分透明模态看起来好多了。包括Foundation的jQuery（“bower_components / jquery / dist / jquery.min.js”）会破坏它们，但我似乎无法通过noConflict来解决它。

我加载用于我正在使用的视差插件的第一个版本的jQuery，然后包含插件。在bodyThumbnailPreview插件使用的第二版jQuery中使用noConflict，但是我必须进入js文件（grid.js）并将'$'的每个实例更改为'jquery2'以使其获得工作。到现在为止还挺好。

然后我向jQuery脚本添加一个函数调用，该脚本检查我们是否处于纵向状态并触发模式以提醒用户使用横向。这打破了两个插件，我似乎无法用noConflict做任何事来解决它。这是相关代码

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript" src="scripts/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="scripts/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nav').localScroll(800); 
$('#intro').parallax("50%", 0.1);
$('#media').parallax("50%", 0.1);
$('.bg').parallax("50%", 0.4);
$('#world').parallax("50%", 0.3);

})
</script>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>var jquery2 = jQuery.noConflict(  );</script>
    <script src="js/grid2.js"></script>
    <script>
        $(function() {
            Grid.init();
        });
</script>
...

在我尝试添加Foundation的jQuery之前，这个工作很好，直到这里：

 <script src="bower_components/jquery/dist/jquery.min.js"></script> 
    <script src="bower_components/foundation/js/foundation.min.js"> </script>
<script>
    var jQueryBower = jQuery.noConflict();
</script>
 <script >$(document).foundation();</script>
<script>
$(document).ready(function(){
    landscapeAlert();
});

当我添加Foundation的jQuery时，它打破了之前的2个插件，但是如果我添加'var jQueryBower = jQuery.noConflict（）;'，则基础模式不起作用。然后调用前两个插件再次工作，但基础模态不再有效。我尝试使用'true'和noConflict无济于事。帮助

使用3个版本的jQuery插件和noConflict无法正常工作

0 个答案: