Jquery noconflict问题

Question

我有这些2个js代码并且无法将它们合并，以便它们正常工作。

也许你们可以帮助我：

$(document).ready(function() 
    $('#ex1').zoom();
    $('#ex2').zoom({ on:'grab' });
    $('#ex3').zoom({ on:'click' });          
    $('#ex4').zoom({ on:'toggle' });
});      

$(document).ready(function() {
    $('.fancybox').fancybox();
});

我尝试了以下功能，但没有效果：

$.noConflict();
$(document).ready(function() 
    $('#ex1').zoom();
    $('#ex2').zoom({ on:'grab' });
    $('#ex3').zoom({ on:'click' });          
    $('#ex4').zoom({ on:'toggle' });
    $('.fancybox').fancybox();
});
});   
</script>

好吧，这似乎有效，它只是没有离线工作。谢谢！

Answer 1

尝试这样..为什么不使用一个文件就绪钩子？ ：

<script>
$(document).ready(function() {
  $('#ex1').zoom();
  $('#ex2').zoom({ on:'grab' });
  $('#ex3').zoom({ on:'click' });          
  $('#ex4').zoom({ on:'toggle' });
  $('.fancybox').fancybox();
});      
</script>

Answer 2

var $ = jQuery.noConflict（）;

我认为这是我网站的主页

Answer 3

试试这个

<script>
var j = jQuery.noConflict();
j(function(){ 
    j('#ex1').zoom();
    j('#ex2').zoom({ on:'grab' });
    j('#ex3').zoom({ on:'click' });          
    j('#ex4').zoom({ on:'toggle' });
    j('.fancybox').fancybox();
});     
</script>

Answer 4

您只需将所有括号混淆，请使用下面的

$(document).ready(function() {
  $('#ex1').zoom();
  $('#ex2').zoom({ on:'grab' });
  $('#ex3').zoom({ on:'click' });          
  $('#ex4').zoom({ on:'toggle' });
  $('.fancybox').fancybox();
});

您缺少open {for doc ready和for ready ready

的额外结束括号