作者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)