In my HTML page, I have included a Jquery’s fancybox and it worked well. But when I add a jqueryui script too, I get a:
Uncaught TypeError: Object [object Object] has no method 'fancybox'
(from login.js, which uses one fancybox call, which indeed works w/o the offending new line.) My script inclusions are as follows:
<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>
Any ideas?
You are including jQuery twice, i see no need for it, anyway try
this uses jQuery 1.7.1, then you load jQuery UI then you load fancybox