[問題] jquery tabs ajax無回應?

看板Ajax作者 (罪雲樵)時間13年前 (2011/08/03 22:46), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/1
html是使用jquery tabs的物件… [html] <div class="demo"> <div id="tabs"> <ul> <li><a href="a.php">功能a</a></li> <li><a href="b.php">功能b</a></li> <li><a href="c.php">功能c</a></li> <li><a href="#tabs-1">tab</a></li> </ul> <div id="tabs-1"> <p>請點選功能!</p> </div> </div> </div> 在「a.php、b.php、c.php」,是列表呈現內容, 並且在網頁內容,有使用ajax的方式,取代內容! 但同樣的ajax功能,「a.php」可以執行,「b.php、c.php」就不可以執行… 但我若是換順序的話,換成「b.php、a.php、c.php」 就變成「a.php、c.php」無法執行了… 我以為單純的是ajax執行錯誤,所以我試著在單一頁面裡,將某一個div內容清空… 但開啟頁面後執行js 的function,居然div無法被清空?找不到div… 是否在tabs之下,第2頁之後的div,無法被識別呢? 有人有遇過同樣的狀況嗎? 以上,謝謝。 -- 朝叩朱門乞餘餐 嗟來冷眼有德顏 歸途踏盡金磚路 漫天殘霞不用錢 吾乃…富貴乞丐-花爵百鍊生 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 203.67.40.69

08/03 22:59, , 1F
原因在於.tabs()下去之後,jQuery會改變CSS,註冊click動作
08/03 22:59, 1F

08/03 23:00, , 2F
若你用AJAX把div裡的物件換掉,也會洗掉tabs()所註冊的事件
08/03 23:00, 2F

08/03 23:01, , 3F
解法: 1.不要用Ajax, 整頁重送吧
08/03 23:01, 3F

08/03 23:02, , 4F
2. ajax的success裡再下一次.tabs()
08/03 23:02, 4F

08/04 10:20, , 5F
感謝UniFish的指教,我暫時以解法1作處理
08/04 10:20, 5F

08/04 10:21, , 6F
第2點對於現下的我,功力太差,無法悟出來…=_="
08/04 10:21, 6F
文章代碼(AID): #1EELz6ar (Ajax)