0
我使用3个不同的JQuery插件来构建网站。Fancybox和其他JQuery之间的冲突
- http://web-kreation.com/demos/Sliding_login_panel_jquery/
- http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html
- LINK3:HTTP://fancyapps.com/fancybox/
但是,有一个小问题。 前两个插件一起工作愉快,但是当我插入Fancybox时,其中一个插件(主要是Fancybox,但有时是Sliding Login)将被禁用,并且会像没有JQuery一样运行。
<!-- PNG FIX for IE6 -->
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script src="js/jquery.localscroll-min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.0.6"></script>
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.localScroll.defaults.axis = 'x';
$.localScroll();
// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
});
// Collapse Panel
$("#close").click(function(){
$("div#panel").slideUp("slow");
});
// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function() {
$("#toggle a").toggle();
});
$("a.fancybox").fancybox();
});
</script>
而这里的链接:
<a class="fancybox" href="http://www.google.nl?id=<? echo $selectusers2['UID'] ?>" title="<? echo $selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test']; ?>"><? echo abbreviation($selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test'],17,'...'); ?></a><br />
我希望有人会知道为什么这些是矛盾的,喜欢解决它:)
你有任何控制台错误的最新版本的jQuery? – xanderer 2012-04-27 19:54:47
是的,“D.undelegate不是功能”。 这是fancybox.js中的一个标准规则。 – jcvs2 2012-04-27 20:20:33
undelegate在jQuery 1.3.2中不受支持http://api.jquery.com/undelegate/ – xanderer 2012-04-30 13:44:03