Jquery滑块不能在线工作,但它们在离线页面上工作正常

时间:2013-02-27 13:35:51

标签: jquery debugging localhost jquery-ui-slider

网站www.grapho-line.com正在使用两个滑块,但只有主滑块正在工作(带有大图片的滑块)。缩略图滑块(主jquery滑块右下方)无法正常工作,你可以看到现场。 但是当我在localhost上运行网站时,两者都能正常工作。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home | Grapho Line Trading LLC</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="slider.css" rel="stylesheet" type="text/css">
<link href="themes/generic.css" rel="stylesheet" type="text/css" />
<link href="themes/1/slider2.css" rel="stylesheet" type="text/css" />
<script src="themes/jquery-1.7.1.min.js" type="text/javascript"></script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#slider1').s3Slider({
        timeOut: 5000 
    });
});
</script>
<script src="themes/1/jquery-slider.js" type="text/javascript"></script>

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"></script>
<script type="text/javascript">

google.load("feeds", "1");

function feedLoaded(result) {
  if (!result.error) {
    var container = document.getElementById("homenews3content");
    container.innerHTML = '';
    for (var i = 0; i < result.feed.entries.length; i++) {
      var entry = result.feed.entries[i];
      var div = document.createElement("div");
      div.appendChild(document.createTextNode(entry.title));
      container.appendChild(div);
    }
  }
}

function OnLoad() {
  var feed = new google.feeds.Feed("http://feeds.feedburner.com/KodakNewsReleases.xml");
  feed.includeHistoricalEntries(); // tell the API we want to have old entries too
    feed.setNumEntries(3);
    feed.load(feedLoaded);

}

  google.setOnLoadCallback(OnLoad);
  </script>

<style>

#main{

    background:#fabd2b;
    height:740px;

 }

 </style>




</head>

<body>




<div id="main">
<img src="logonew.png" id="kodaklogo" />
<img src="grapho.png" id="mainbackground"/>



<div id="headmenu">
<ul id="nav">
<li><a href="index.html">HOME</a></li>
<li class="sub"><a href="products.html">PRODUCTS</a>
<ul>
        <li><a href="flexographic&letterpress.html">  &nbsp;Flexographic & Letterpress</a></li>
        <li><a href="offsetctp.html">  &nbsp;Offset CTP</a></li>
        <li><a href="proofing&wideformat.html">  &nbsp;Proofing & Wide Format</a></li>
        <li><a href="brandprotectionsolutions.html">&nbsp;Brand Protection Solutions</a></li>
        <li><a href="enterprisemarketing.html">&nbsp;Enterprise Marketing</a></li>
        <li><a href="productionworkflow.html">&nbsp;Production Workflow Solutions</a></li>
        <li><a href="colormanagement.html">&nbsp;Color Management & Screening</a></li>

 </ul>
 </li>
 <li><a href="aboutus.html">ABOUT US</a></li>
 <li><a href="contactus.html">CONTACT US</a></li>
 </ul>



 </div>

 <div id="slider1">
    <ul id="slider1Content">
        <li class="slider1Image">
            <a href=""><img src="example_images/wide/flexcelnxplate.jpg" alt="1" /></a>
            <span class="left"><strong>KODAK FLEXCEL NX</strong><br /><br />KODAK FLEXCEL NX Plates are an important part of the KODAK FLEXCEL NX System. With the FLEXCEL NX System for the first time you can achieve gravure-class print quality on a wide variety of substrates.</span></li>
        <li class="slider1Image">
            <a href="aboutus.html"><img src="example_images/wide/flexoplates.jpg" alt="2" /></a>
            <span class="left"><strong>KODAK FLEXCEL SR</strong><br /><br />KODAK FLEXCEL SR Flexographic Plates have been designed to bring brand owners confidence that their packaging will be produced reliably and consistently, and to bring printers of packaging materials increased productivity and peace of mind.</span></li>
        <li class="slider1Image">
            <img src="example_images/wide/flexelnx.JPG" alt="3" />
            <span class="left"><strong>KODAK FLEXCEL NX System</strong><br /><br />The KODAK FLEXCEL NX Wide System allows you to take full advantage of the unique benefits that KODAK FLEXCEL NX Plates offer.It utilizes the proven KODAK SQUARESPOT Imaging Technology to deliver exceptional image quality. </span></li>
        <li class="slider1Image">
            <img src="example_images/wide/directengraving.jpg" alt="4" />
            <span class="left"><strong>KODAK FLEXCEL Direct</strong><br /><br />The KODAK FLEXCEL Direct System offers a brand new approach to direct engraving of elastomers for flexographic printing.The FLEXCEL Direct System is ideal for both printers and prepress service providers</span></li>
         <li class="slider1Image">
            <img src="example_images/wide/flexo.jpg" alt="6" />
            <span class="left"><strong>KODAK FLEXCEL NX System</strong><br /><br />YOU CAN with the KODAK FLEXCEL NX System, a complete solution for digital plate making that enables you to push the boundaries of flexo printing.</span></li>   
        <li class="slider1Image">
            <img src="example_images/wide/m800.jpg" alt="5" />
            <span class="left"><strong>KODAK MAGNUS 800</strong><br /><br />The KODAK MAGNUS 800 Platesetter is a reliable 8-page CTP device with advanced automation options, offering exceptional productivity and stability to meet the needs of offset printers.</span></li>



        <div class="clear slider1Image"></div>
    </ul>
 </div>



 <div id="homecenter">

  <div class="div2">
      <div id="mcts1">
        <a href="productionworkflow.html"><img src="images/DigiCap_300x140_695X250.jpg" /></a>
  <a href="brandprotectionsolutions.html">         <img src="images/3-pharma-protection.jpg" /></a>
  <a href="colormanagement.html">        <img src="images/header_spotless_695X250.jpg" /></a>
  <a href="enterprisemarketing.html">            <img src="images/mqdefault.jpg" /></a>
  <a href="products/ctp/prepress.html">            <img src="images/IPM-Hero2_695x210_695X250.jpg" /></a>
  <a href="proofing&wideformat.html">            <img src="images/proofingandwideformat.jpg" /></a>
  <a href="flexographic&letterpress.html">            <img src="images/flexographic.jpg" /></a>
  <a href="products/proofing/kodakmatchprint.html"><img src="images/matchprint_IceCudesLo_695X250.jpg" /></a>
    </div>
 </div>

 <br/><br/>









 <div class="homenews3">
  <b>&nbsp;&nbsp;&nbsp;Latest news from <a href="http://graphics.kodak.com" target="_blank" >Kodak Graphics</a></b><br/><br/>


    <div id="homenews3content">
   </div>

   </div>



   </div>




   </div>
  </body>


   </html>

1 个答案:

答案 0 :(得分:0)

使用文件搜索查看以下路径是否有效:

themes/1/