ajax返回的資料,不再執行初次載入的JS,應該怎麼改,先謝謝了!

來源:互聯網
上載者:User
點擊一級欄目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了,回答又快又准又好,非常感謝!謝謝!

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.