jPanelMenu和TweenMax/superscrollorama之间的jQuery冲突

我试图使用两个（如果认为第二个使用2个文件）不同的插件，jPanelMenu.js（做一个谷歌手机菜单）和Superscrollorama.js（它们一起工作TweenMax.js），不幸的是它们是相互冲突的，两者在单独时都可以正常工作，但是当我将它们放在页面上时，它们都会崩溃。我已经尝试使用$ .noConflict（）;和jQuery.noConflict（）;以许多不同的方式，不合时宜。我设法做的最好的做法是让scrollorama/tweenmax工作..但是，jPanelMenu仍然崩溃。jPanelMenu和TweenMax/superscrollorama之间的jQuery冲突

这里是我的代码：

<script type="text/javascript" src="public/js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="public/js/jquery.jpanelmenu.min.js"></script> 
<script type="text/javascript"> 
    jQuery.noConflict(); 

     $(document).ready(function() { 
      var jPM = $.jPanelMenu({ 
       menu: '#menu', 
       trigger: '.menu-trigger', 
       easing: 'ease', 
       duration: 250 
      }); 
      jPM.close(true); 
      jPM.on(); 
      jPM.trigger(onClick); 
     }); 

</script> 
<script type="text/javascript" src="public/js/TweenMax.min.js"></script> 
<script type="text/javascript" src="public/js/jquery.superscrollorama.js"></script> 
<script> 
    jQuery(document).ready(function($) { 
     var controller = jQuery.superscrollorama({ 
      playoutAnimations: true 
     }); 
     controller.triggerCheckAnim(); 
     controller.addTween('.scroll-trigger', 

     (new TimelineLite()) 
       .append([ 
        // Scale Logo 
        TweenMax.fromTo(jQuery('#logo'), 1, 
        {css:{width: '100%', padding:'15px 0 0 0'}, ease:Strong.easeInOut, immediateRender:true}, 
        {css:{width: '59%', padding:'5px 0 0 0'}, ease:Strong.easeInOut}) 
       ]),0,0); 

     }); 
</script>

我真的真的真的很感激，如果有人在这里可以帮助我的..

来源

2013-04-13 Strobel

'jpanelmenu'和'superscrollorama' jQuery插件？如果是的话，我怀疑他们会引起冲突。你为什么说你有冲突？你有什么错误？ – plalx

嗯，我想他们是jQuery，一旦没有它，没有人工作..我相信这是一个冲突，因为两者不能一起工作，如果我删除第一个，第二个作品的代码，反之亦然。控制台返回我没有定义$。 – Strobel

当jPanelMenu停止工作时，控制台返回我\t onClick未定义 jPM.trigger（onClick）; – Strobel

按你给我的其它附加细节。你的问题不是jQuery和其他人之间的冲突，而是onClick函数没有定义。 trigger函数根据它的状态打开或关闭菜单，并采用boolean参数指定动作是否为动画。

如果你不想在页面加载时打开菜单，只需删除jPM.trigger(...);调用即可。

来源

2013-04-13 06:55:35 plalx

Omg男人，有时我觉得我很愚蠢......我怎么能让它通过？非常感谢，现在我可以安然入睡，凌晨4点。再次感谢您，我怎么评价您的帮助？ – Strobel

@Strobel，它有时会发生= P嗡嗡声，你可以将答案标记为已接受并且赞成答案;）谢谢！ – plalx

哦，在我眼中，再次..完成。但不能赞成，没有足够的声誉。 – Strobel

jPanelMenu和TweenMax/superscrollorama之间的jQuery冲突

回答

相关问题