作者sweetjp6 (水饺)
看板Ajax
标题[问题] append 之後内容消失
时间Sun Apr 22 14:01:21 2012
大家好, 小弟又有个问题想请教了.
这次遇到的问题是 append之後, 内容元素消失.
以下是我的作法:
$("
#seq-panel li").bind("click",function(){
$("
#seq-panel li").removeClass("changeBGD") ;
seq_value = $(this).val() ;
$(this).addClass("changeBGD") ;
if (seq_value == "999"){
times = times + 1 ;
clear() ;
for (var i=1+times*10 ; i <= 10+times*10 ;i++){
$("
#newpanel").append("<a href='javascript:void(0);'>
<li class='origin' value="+i+">"+i+"</li> </a>");
}
}
目的是为了做出这样的效果：
< 1 2 3 4 5 6 7 8 9 10 >
点击"<"或 ">" 可对所有数字做出-10或+10的动作.
问题：
目前已经把数字加减的效果做出来,
但只要按下 ">",从chrome上看到的内容却是变成:
<a href='javascript:void(0);'></a> //中间的<li> ... </li>不见了
如此导致我没办法取得class="origin"的value
想请教大家这是什麽样的问题？
PS :
我试过after, before有时候也是遇到这样的问题
请大家帮帮忙了,谢谢.
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.117.164.141
※ 编辑: sweetjp6 来自: 140.117.164.141 (04/22 14:02)
1F：→ akiratw:通常 <li> 外面不会有 <a> 吧...? 04/22 14:26
2F：→ sweetjp6:有<a>是因为想让他看起来像超连结, 表示他可以点选.这样 04/22 14:36
3F：→ sweetjp6:使用有冲突吗？ 04/22 14:36
4F：→ sweetjp6:把<a>拿掉之後的确就有显示<li>了 04/22 14:46
5F：→ Crow22312:li 是 block-level 的东西, a 是 inline 04/22 14:57
6F：→ Crow22312:不应该把 block-level 的放在 inline 里面, 会出错 04/22 14:57
8F：→ Crow22312:7.5.3 Block-level and inline elements 04/22 14:58
9F：推 Qiqi:可以把a弄得像li就好了 04/22 16:14
10F：→ sweetjp6:了解罗～感谢各位帮忙！ 04/22 17:03
※ 编辑: sweetjp6 来自: 140.117.164.141 (04/22 17:45)
※ 编辑: sweetjp6 来自: 140.117.164.141 (04/22 17:47)