JS用append()方法出现的问题，急救解。。。。。。。。。。。。。

丶顛簸人生 2015-11-06 06:07:46



function showBoardData(board,meiwuList,isOpen){



	var meiwuId = -1;//为-1时表示无美物

	for(var i = 0; i<meiwuList.length;i++){

		if(i==0){

			meiwuId = meiwuList[i].id;

		}

		var html = "<a href=\"#1\" onclick=\"meiwuDetail("+meiwuList[i].id+");\">" +

			"<img src="+(fdfspath+meiwuList[i].imageSmall)+" /><div class=\"masker\"></div></a>";

		

		$(".bk-list").find(".list").eq(i%3).append(html);

	}

	console.log($(".bk-list").html());

	

}

按F12可以看到在后台的打印（红色标记打印）



<div class="list"><a href="#1" onclick="meiwuDetail(9746);"><img src="http://60.31.177.182:8090/group2/M00/4A/AA/PB-xuVYdt2Lh28q-AAAHZV8SLPI465.jpg"><div class="masker"></div></a></div>

					                    <div class="list"><a href="#1" onclick="meiwuDetail(9747);"><img src="http://60.31.177.182:8090/group2/M00/18/09/PB-xuVX7xci06LNBAAAlsvfBDKA521.png"><div class="masker"></div></a></div>

					                    <div class="list no-mr"><a href="#1" onclick="meiwuDetail(9748);"><img src="http://60.31.177.182:8090/group2/M00/59/53/PB-xuVY22_qJiwgAAAAtobwuV7M167.png"><div class="masker"></div></a></div>

					                    <div class="clear"></div>

页面查看元素
<IMG src="file:///C:\Users\user\AppData\Roaming\feiq\RichOle\400220502.bmp">
却没有！！！！！

...全文

875 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

丶顛簸人生 2015-11-09

打赏
举报

引用 5 楼 dcy190203 的回复:

是不是 $(".bk-list") 在你页面能找到不止一个元素

引用 4 楼 liusaint1992 的回复:

补充下。是list中去的。要加到后面的话试试 $(".bk-list").find(".list").eq(i%3).after(html)

感谢两位大哥，原因找到了，是因为操作class为bk-list的按钮绑定多个事件导致的。

恶心鬼 2015-11-06

打赏
举报

是不是 $(".bk-list") 在你页面能找到不止一个元素

liusaint1992 2015-11-06

打赏
举报

补充下。是list中去的。要加到后面的话试试 $(".bk-list").find(".list").eq(i%3).after(html)

liusaint1992 2015-11-06

打赏
举报


<html>
<head>
	<meta charset="utf-8">
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script>
		function showBoardData(board,meiwuList,isOpen){
			
    var meiwuId = -1;//为-1时表示无美物
    for(var i = 0; i<meiwuList.length;i++){
    	if(i==0){
    		meiwuId = meiwuList[i].id;
    	}
    	var html = "<a href=\"#1\" onclick=\"meiwuDetail("+meiwuList[i].id+");\">" +
    	'<img src="fdfspath'+meiwuList[i].imageSmall+'" /><div class=\"masker\"></div></a>';
    	
    	$(".bk-list").find(".list").eq(i%3).append(html);
    }
    console.log($(".bk-list").html());
    
}

var meiwuList = [{"id":1,"imageSmall":'kk.img'},{"id":2,"imageSmall":'kkdddd.img'}];
window.onload = function(){
	showBoardData('',meiwuList,"");
}
</script>
</head>
<body>
	<div class="bk-list">
		<div class="list">
			<a href="#1" onclick="meiwuDetail(9746);"><img src="http://60.31.177.182:8090/group2/M00/4A/AA/PB-xuVYdt2Lh28q-AAAHZV8SLPI465.jpg"><div class="masker"></div></a>
		</div>
		<div class="list">
			<a href="#1" onclick="meiwuDetail(9747);"><img src="http://60.31.177.182:8090/group2/M00/18/09/PB-xuVX7xci06LNBAAAlsvfBDKA521.png"><div class="masker"></div></a>
		</div>
		<div class="list no-mr">
			<a href="#1" onclick="meiwuDetail(9748);"><img src="http://60.31.177.182:8090/group2/M00/59/53/PB-xuVY22_qJiwgAAAAtobwuV7M167.png"><div class="masker"></div></a>
		</div>
		<div class="clear"></div>
	</div>

</body>
</html>

楼主的意思真不好理解。

丶顛簸人生 2015-11-06