點擊一級欄目1後,
一級欄目1
變為:
一級欄目1
,
同時:id="xlm2"的li能顯示二級欄目:
二級欄目1
,再點擊二級欄目時,
二級欄目1
應該變為變為:
二級欄目1
才對,但是沒有效果,dd沒有加上樣式 class="selected",
應該是$(document).ready(function()沒有被執行,應該怎麼改?先謝謝兄弟了!
JS:
$(document).ready(function(){ $("#select1 dd").click(function () { bid=$(this).attr("id"); $(this).addClass("selected").siblings().removeClass("selected"); $.ajax({ type:"GET", url:"t.php", data:"cid="+bid, cache:false, success:function(data){ $("#xlm2").show(); $("#xlm2").html("
"+data+"
"); } }); $("#select2 dd").click(function () { $(this).addClass("selected").siblings().removeClass("selected"); }}
html:
-
一級欄目1
-
一級欄目2
-
一級欄目3
-
一級欄目4
-
一級欄目5
t.php
$cid = $_GET['cid'];$mesql=$empire->query("select * from class where classid=".$cid );while($r=$empire->fetch($mesql)){ $classname.= "
".$r[classname]."
";}echo $classname;
回複討論(解決方案)
如果你的 jQuery 是 1.8.3 及以下
$("#select2 dd").live('click', function () {
如果的的 jquery 是 1.8.0 及以上
$("#select2 dd").on('click', function () {
這個寫法要求 #select2 dd 是已存在的,否則應寫作
$(document).on('click', "#select2 dd", function () {
哦,原來是這樣,非常感謝,已經OK了,回答又快又准又好,非常感謝!謝謝!