2013-02-22 105 views
0

请开发人员,我做了一切反复,似乎无法找出为什么fancybox插件拒绝工作。我认为它的下面的JavaScript假设启动插件。Fancybox不能使用简单的链接

<script type="text/javascript"> 
$(document).ready(function() { 

    /* This is basic - uses default settings */ 

    $("a#contactus").fancybox(); 

    /* Using custom settings */ 

    $("a#inline").fancybox({ 
     'hideOnContentClick': true 
    }); 

    /* Apply fancybox to multiple items */ 

    $("a.group").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 

}); 
</script> 
+0

[Fancybox无法使用jQuery v1.9.0 \ [f.browser is undefined/Can not read property'msie'\]](http://stackoverflow.com/questions/14344289/fancybox-doesnt -work-with-jquery-v1-9-0-f-browser-is-undefined-无法读取) – JFK 2013-02-22 03:11:57

+0

如何解决它http://stackoverflow.com/a/14344290/1055987 – JFK 2013-02-22 03:12:20

回答

0

打开控制台(F12)并注意错误?

Fancybox似乎使用$.browser,它在jQuery 1.9中被删除,这是一个错误!

另外,$("a#contactus").fancybox();是错误!有没有这样的元素,你确实有一个与该ID的div?

+0

确定那么什么版本的jquery我需要 – Jes 2013-02-22 03:07:37

+0

是的div是在那里,但是当你去的网站,你必须点击白色按钮 – Jes 2013-02-22 03:08:32

+0

你的目标是一个具有该ID的锚点,而不是一个div。至于jQuery,你需要一个1.9之前的版本,或者看看fancybox是否有最新的东西,可以使用1.9,或者使用[浏览器shim](http://greatwebguy.com/jquery-2/browser-detection匀场换的jquery-1-9 /)。 – adeneo 2013-02-22 03:10:11