以下是html代码<div class="list">
<ul>
<li>
<div class="con">
<div class="space" id="thumb_1_show"></div>
<div class="intro"> </div>
</div>
<div class="img" id="thumb_1_view">
<ul>
<li id="thumb_1_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_1_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_1_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_2_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_2_view">
<ul>
<li id="thumb_2_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_2_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_2_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_3_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_3_view">
<ul>
<li id="thumb_3_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_3_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
下面是js$(document).ready(function(){
var Marcount = $(".list").children("ul").children("li").length;
for(var m=1;m<Marcount+1;m++){
var Padcount = $("#thumb_"+m+"_view").find("li").length;
var ShowDiv = $("#thumb_"+m+"_show");
for(var n=1;n<Padcount+1;n++){
$("#thumb_"+m+"_"+n).bind("mouseover mousemove",(function(e){
$(this).css("background","#0078C4");
var myImg = "<img src=\""+$(this).find("img").attr("src")+"\">";
ShowDiv.remove("img");
ShowDiv.append(myImg);
//alert("#thumb_"+m+"_show");
}));
$("#thumb_"+m+"_"+n).bind("mouseout",(function(e){
$(this).css("background","");
}));
}
}
});
现在的问题插入不到指定的区域内,而且如果原来已经插入过,再次插入不能移除旧的,替换成新的。谁帮我看看。
<ul>
<li>
<div class="con">
<div class="space" id="thumb_1_show"></div>
<div class="intro"> </div>
</div>
<div class="img" id="thumb_1_view">
<ul>
<li id="thumb_1_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_1_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_1_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_2_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_2_view">
<ul>
<li id="thumb_2_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_2_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_2_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_3_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_3_view">
<ul>
<li id="thumb_3_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_3_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
下面是js$(document).ready(function(){
var Marcount = $(".list").children("ul").children("li").length;
for(var m=1;m<Marcount+1;m++){
var Padcount = $("#thumb_"+m+"_view").find("li").length;
var ShowDiv = $("#thumb_"+m+"_show");
for(var n=1;n<Padcount+1;n++){
$("#thumb_"+m+"_"+n).bind("mouseover mousemove",(function(e){
$(this).css("background","#0078C4");
var myImg = "<img src=\""+$(this).find("img").attr("src")+"\">";
ShowDiv.remove("img");
ShowDiv.append(myImg);
//alert("#thumb_"+m+"_show");
}));
$("#thumb_"+m+"_"+n).bind("mouseout",(function(e){
$(this).css("background","");
}));
}
}
});
现在的问题插入不到指定的区域内,而且如果原来已经插入过,再次插入不能移除旧的,替换成新的。谁帮我看看。
解决方案 »
- 求JS高手帮忙编写JS实现二级菜单的隐藏与出现
- 为何加载不上JSON??
- chrome中addEventListener和直接写函数有区别??
- 高手帮忙!jquery 的draggable
- 请问如下replace方法中的参数是什么意思?
- 在分窗体中,如何在A中点击一个按钮是B刷新啊?
- 怎样在下拉菜单onchangd时,显示不同个数的文本框
- 请问如何实现点击按钮,就可以把textfield控件里面的值,放到另一个textfield里面?
- 为什么这个网页我把它保存到本地就变了呢?
- 关于window.open()方法中如何控制窗口弹出的位置?
- 手风琴如何改成竖排的效果?
- jquery怎么移除不了事件呢?
append经常会出现莫名其妙的问题。
另外,如果要使某个操作对页面的某类节点始终有效,这个节点最好是直接写在页面上,而不要使用js来生成这些节点。