多个脚本标记不工作在我的页面

-1

好吧，我正在为一个朋友建立一个网站，我目前正在使用jquery-1.4.3.min.js，corners.js，equalcols.js和一个pre-在头部加载图像脚本。一切都很好。多个脚本标记不工作在我的页面

问题是，我现在需要一个页面的FancyBox（LightBox替代），它似乎不工作！我知道这是因为某些东西与另一个冲突，但我不知道是什么。这是头脑中的顺序吗？或者是其他东西？已经尝试过LightBox，那也不管用。

它要么不工作，要么停止运行EqualCols.js，要么一切正常，除了所需的迷你图像库的FancyBox。

头代码如下：（没有的fancybox在那里）

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled 1</title> 
    <link rel="stylesheet" href="styles.css" type="text/css" /> 
    <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> 

    <!-- PRELOAD MENU IMAGES BEGINNING --> 
    <script> 
     var myimages=new Array() 
     function preloadimages(){ 
     for (i=0;i<preloadimages.arguments.length ; 
     i + myimages [ i ] =new Image (myimages [ i ] 
     src=preloadimages.arguments[i] } Enter path of images to be preloaded 
     inside parenthesis. Extend list as desired. preloadimages (images/
     home-h.png " images/about-h.png " images/services-rates-h.png " 
     images/past-work-h.png " images/contact-h.png " images/
     shop-specials-h.png " images/free-quote-h.png " images/
     book-now-h.png ") 
</script> 
    <!-- PRELOAD MENU IMAGES END --> 

    <!-- stop curvery corners error in IE --> 
    <script type="text/javascript" src="js/corners.js"></script> 
    <script type="text/javascript"> 
     var curvyCornersVerbose = false; 
    </script> 
    <!-- stop curvery corners error in IE --> 

    <!-- EQUAL COLS START --> 
    <script src="js/equalcols.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#left-col,#right-col').equalCols(); 
     }); 
    </script> 
    <!-- EQUAL COLS END --> 

</head>

有没有人能告诉我在哪里，我需要把编码的fancybox的一切工作？或者我还能做些什么才能使其发挥作用？规则是什么？我研究过Google，似乎无法找到我所追求的答案。

的代码的fancybox我需要实现的是：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

我是否需要上线那里，如果我用这个已经?:

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

任何帮助非常赞赏。

来源

2012-02-02 nzhardcore

取代：

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

有：

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

的fancybox代码：

$(document).ready(function() { 
    $('#single_image').fancybox(); 
});

来源

2012-02-02 02:37:08 sally

刚刚尝试过，仍然没有运气 - 没有工作:( 这是我正在使用的（根据FancyBox网站）的图像，目前它只是一个“测试” – nzhardcore 2012-02-02 03:04:10

不知道“single_image”在做什么，但是这就是How to To Use页面在FancyBox网站上所做的。 – nzhardcore 2012-02-02 03:05:04

好的，我更新了我的答案！ – sally 2012-02-02 03:09:50

下面代码工作样本 - 在IFRAME的fancybox版本。确保你在你的HTML添加锚标记/ JSP

 <!-- The popup iframe . The href value will be updated dynamically --> 
<a class="iframe" id="iframe" href="/YourApp/imagePopup.do"></a>

的包括块如下

<script type="text/javascript" src="/js/jquery/fancybox/jquery.easing-1.4.pack.js"></script> 
<script type="text/javascript" src="/js/jquery/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

/** jQuery的准备功能 */ $（document）.ready（function（）{

// popup for showing 
$("a.iframe").fancybox({ 
    'autoDimensions':false, 
    'width'     : 770, 
    'height'    : 'auto', // height is controlled using jquery.fancybox-1.3.4.css line 79 
    'centerOnScroll' : true, 
    'scrolling':'auto', 
    // 'autoScale': true, 
    'hideOnOverlayClick' : false, 
    'enableEscapeButton' :true, 
    'hideOnContentClick': false, 
    'type':'iframe' 
    ,'onStart' :function(){$.fancybox.showActivity();} 

    ,'onClosed' :function(){ } 
    });

}）; //结束准备

来源

2012-02-02 03:13:02 Vins

感谢您的答案，但我并不是真的想使用iframe。你知道为什么它不让我使用它吗？一位朋友告诉我这是因为js的头部顺序，但我似乎无法弄清楚它应该在哪个顺序！ – nzhardcore 2012-02-02 03:19:15

多个脚本标记不工作在我的页面

回答

相关问题