Question

jquery中$(function(){$()})无法执行

我从网上下载了一个代码，可是放到我自己的页面就用不了了，代码如下：
<div class="wrapper">
<div id="flash_list">
<ul>
<li><img src="pic/flash/1.jpg" /></li>
<li><img src="pic/flash/2.jpg" /></li>
<li><img src="pic/flash/3.jpg" /></li>
</ul>
</div>
</div>

<script type="text/javascript">

$(function() {
var sWidth = $("#flash_list").width();
var len = $("#flash_list ul li").length;
var index = 0;
var picTimer;
var btn = "<div class='btnBg'></div><div class='btn'>";
for(var i=0; i < len; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#flash_list").append(btn);
$("#flash_list .btnBg").css("opacity",0.5);
$("#flash_list .btn span").css("opacity",0.4).mouseenter(function() {
index = $("#flash_list .btn span").index(this);
showPics(index);
}).eq(0).trigger("mouseenter");
$("#flash_list ul").css("width",sWidth * (len));
$("#flash_list").hover(function() {
clearInterval(picTimer);
},function() {
picTimer = setInterval(function() {
showPics(index);
index++;
if(index == len) {index = 0;}
},4000);
}).trigger("mouseleave");

function showPics(index) {
alert(index);
var nowLeft = -index*sWidth;
$("#flash_list ul").stop(true,false).animate({"left":nowLeft},300);
//$("#flash_list .btn span").removeClass("on").eq(index).addClass("on");
$("#flash_list .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300);
alert("index"+index);
}
});
</script>

Answer 1

var len = $("#flash_list ul li").length;

这个错误了，修改为var len = $("#flash_list ul li").size();

追问

这个方法是没错误的，因为单独拿出来用是可以执行的。

Answer 2

你导入jquery库了？

Answer 3

你好！很高兴为你解答！

查看一下自己的页面是否有引用jquery包

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

希望对你有所帮助，还望采纳，谢谢！！！

追问

我有引用jquery包的