Jquery滑塊故障

我一直在一個網站上已經有CSS元素，並試圖把一個滑塊在一個小的CSS框，但由於某種原因不工作。我使用jQuery從谷歌API，我頭標記Jquery滑塊故障

<?xml version="1.0" encoding="utf-8"?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<title>Home Page</title> 

<link rel="stylesheet" href="mystyle.css" type="text/css"/> 
<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!---Link to Jquery Library---> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
<script type="text/javascript"> 

function slider() { 
$(".slider#1").show("fade",500); 
$(".slider#1").delay(5500).hide("slide",{direction:'left'},500); 

var sc=$(".slider img").size(); 
var count=2; 

setinterval(function(){ 
$(".slider#"+count).show("slide",{direction:'right'},500); 
$(".slider#"+count).delay(5500).hide("slide",{direction:'left'},500); 

if (count ==sc){ 
    count=1; 
    }else{ 
    count=count+1; 

     } 

    },6500); 

} 
</script> 
    </head> 

<body onload="slider();"> 

<div id="RightColContainer"> 
<div id="RightColContent"> 
<div class="slider"> 
<img id="1" src="Slider/Image/Image1.jpg" border="0" alt="Razer Keyboard"/> 
<img id="2" src="Slider/Image/Image2.jpg" border="0" alt="Microsoft Office"/> 
<img id="3" src="Slider/Image/Image3.jpg" border="0" alt="Razer Mouse"/> 
</div> 
    </div> 
     </div>

來源

2014-02-28 user3142622

嘗試連接到包裝內$(window).load(function() {....})你的代碼，並從body的onload功能刪除功能slider。

$(window).load(function() { 
     $(".slider#1").show("fade", 500); 
     $(".slider#1").delay(5500).hide("slide", { 
      direction: 'left' 
     }, 500); 

     var sc = $(".slider img").size(); 
     var count = 2; 

     setinterval(function() { 
      $(".slider#" + count).show("slide", { 
       direction: 'right' 
      }, 500); 
      $(".slider#" + count).delay(5500).hide("slide", { 
       direction: 'left' 
      }, 500); 

      if (count == sc) { 
       count = 1; 
      } else { 
       count = count + 1; 
      } 
     }, 6500); 
    } 
});

來源

2014-02-28 17:25:07 Felix

我試過這仍然不起作用，我刪除了身體標記的onload並粘貼此代碼;什麼都沒發生。我錯過了什麼嗎？ – user3142622

你需要在這裏有一個空格'$（「。slider＃」+ count）'來選擇div的子圖像。目前'$（「。slider＃」+ count）'沒有任何空間。 – Felix

Jquery滑塊故障

回答

相關問題