[問題] append 之後內容消失

看板Ajax作者 (水餃)時間12年前 (2012/04/22 14:01), 編輯推噓1(109)
留言10則, 4人參與, 最新討論串1/1
大家好, 小弟又有個問題想請教了. 這次遇到的問題是 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)

04/22 14:26, , 1F
通常 <li> 外面不會有 <a> 吧...?
04/22 14:26, 1F

04/22 14:36, , 2F
有<a>是因為想讓他看起來像超連結, 表示他可以點選.這樣
04/22 14:36, 2F

04/22 14:36, , 3F
使用有衝突嗎?
04/22 14:36, 3F

04/22 14:46, , 4F
把<a>拿掉之後的確就有顯示<li>了
04/22 14:46, 4F

04/22 14:57, , 5F
li 是 block-level 的東西, a 是 inline
04/22 14:57, 5F

04/22 14:57, , 6F
不應該把 block-level 的放在 inline 裡面, 會出錯
04/22 14:57, 6F

04/22 14:58, , 8F
7.5.3 Block-level and inline elements
04/22 14:58, 8F

04/22 16:14, , 9F
可以把a弄得像li就好了
04/22 16:14, 9F

04/22 17:03, , 10F
了解囉~感謝各位幫忙!
04/22 17:03, 10F
※ 編輯: sweetjp6 來自: 140.117.164.141 (04/22 17:45) ※ 編輯: sweetjp6 來自: 140.117.164.141 (04/22 17:47)
文章代碼(AID): #1FavwpD6 (Ajax)