问Jquery滑块不能在网上协同工作，但在离线页面上工作得很好
EN

Stack Overflow用户

提问于 2013-02-27 21:35:51

回答 1查看 785关注 0票数 1

网站www.graph-line.com使用了两个滑块，但只有主滑块(带有大图片的那个).The缩略图滑块(位于主jquery滑块的正下方)不起作用，正如你在网站上看到的那样。然而，当我在本地主机上运行网站时，两者都工作得很好。

<!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>

jquery

debugging

localhost

jquery-ui-slider

回答 1

Stack Overflow用户

发布于 2013-12-05 09:43:32

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

themes/1/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15113444

复制

相似问题

问Jquery滑块不能在网上协同工作，但在离线页面上工作得很好
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery滑块不能在网上协同工作，但在离线页面上工作得很好EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery滑块不能在网上协同工作，但在离线页面上工作得很好
EN