Fancybox无法正常工作
如何修复fancybox中的这个问题？
Uncaught TypeError: Object # has no method 'fancybox' localhost/:74 (anonymous function) http://localhost/:74 o.extend.ready.o.readyList jquery.min.js:19 o.extend.each jquery.min.js:12 o.extend.ready jquery.min.js:19 o.each.o.fn.(anonymous function) 这是header.php中的代码我不知道哪里可以出问题！ 我尝试使用simplemodal但不工作！ 也许是tablider的问题！ 我做了fancybox网站上写的所有内容。
$(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'img/handle-bg.png', imageHeight: '186px', imageWidth: '30px', tabLocation: 'left', speed: 300, action: 'click', topPos: '150px', leftPos: '20px', fixedPosition: false }); }); $(function(){ $('.add_site_right').tabSlideOut({ tabHandle: '.handle_right', pathToTabImage: 'img/handle-bg.png', imageHeight: '186px', imageWidth: '30px', tabLocation: 'right', speed: 300, action: 'click', topPos: '150px', leftPos: '20px', fixedPosition: false }); }); $(document).ready(function() { /* * Examples - images */ $("a#example1").fancybox(); $("a#example2").fancybox({ 'overlayShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); $("a#example3").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none' }); $("a#example4").fancybox({ 'opacity' : true, 'overlayShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'none' }); $("a#example5").fancybox(); $("a#example6").fancybox({ 'titlePosition' : 'outside', 'overlayColor' : '#000', 'overlayOpacity' : 0.9 }); $("a#example7").fancybox({ 'titlePosition' : 'inside' }); $("a#example8").fancybox({ 'titlePosition' : 'over' }); $("a[rel=example_group]").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + ''; } }); /* * Examples - various */ $("#various1").fancybox({ 'titlePosition' : 'inside', 'transitionIn' : 'none', 'transitionOut' : 'none' }); $("#various2").fancybox(); $("#various3").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $("#various4").fancybox({ 'padding' : 0, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none' }); });
你需要在jquery之后包含fancybox脚本：
您的网站adzire.com会抛出javascript错误，这会使您的某些脚本（包括fancybox）失败。 你需要稍微提高你的代码：
首先，你只需要一个jQuery实例（理想情况下是最新版本），到目前为止你有3个（1.4,1.6.2和1.7.2）。 我想你应该删除v1.4和1.6.2（一些插件包含一个副本jQuery但它并不意味着你需要它们。）还要确保在任何其他脚本或jQuery插件之前加载jQuery。
其次，与jQuery相同，您只需要任何jQuery插件的单个实例。 您正在加载jQuery UI 1.8.21两次…删除一个。 我想因为你在不同版本的jQuery之后加载它们中的每一个，它会创建这些错误：
Timestamp: 22/06/2012 11:35:54 AM Error: $(".cont .wrapper .block select.styled").select_skin is not a function Source File: http://www.adzire.com/js/main.js Line: 6 Timestamp: 22/06/2012 11:36:03 AM Error: detailsBox is not defined Source File: http://www.adzire.com/ Line: 115
一点点清理可能会解决您的问题，包括fancybox问题。