解決JS jqueryui/fancybox的衝突

Question

在我的HTML頁面中，我包含了一個Jquery的fancybox，它運行良好。但是，當我添加jQueryUI的腳本太，我得到一個：

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

（從login.js，它使用一個電話的fancybox，這的確工程W/O違規新行）我的腳本夾雜物如下：

<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用戶界面，那麼你加載的fancybox