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滑块故障

回答

相关问题