Question

在我的HTML页面中，我已经包含了一个Jquery的fancybox，它运行良好。但是当我添加一个jqueryui脚本时，我得到了一个：

Uncaught TypeError: Object [object Object] has no method 'fancybox'

（来自login.js，它使用一个fancybox调用，它确实适用于违规的新行。）我的脚本包含如下：

<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="login.js"> </script>    
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>                   
<link type="text/css" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="Stylesheet" />
<!-- <script type="text/javascript" src="./jqueryui/js/jquery-1.7.1.min.js"></script> -->
<!-- the above commented out line is the offending one; once removed, page works well  -->
    <script type="text/javascript" src="./jqueryui/js/jquery-ui-1.8.17.custom.min.js"></script>

有什么想法吗？

Answer 1

你包括jQuery两次，我认为不需要它，无论如何尝试

<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="./jqueryui/js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="./jqueryui/js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="login.js"> </script>    
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>                   
<link type="text/css" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="Stylesheet" />

这使用jQuery 1.7.1，然后你加载jQuery UI然后你加载fancybox

解决JS jqueryui / fancybox的冲突

1 个答案: