av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

jquery - jquey tabs ajax load html 沖突問(wèn)題?

瀏覽:146日期:2024-03-21 13:23:11

問(wèn)題描述

tabs load的html,里面有js,也有html,id,都有可能沖突,如何解決?

(不用ifame哦,iframe每次加載明顯不如load,即便是緩存,也要初始化很多的,而且iframe內(nèi)部帶的dialog要在iframe外顯示也很費(fèi)勁,多個(gè)頁(yè)面有同樣的dialog也會(huì)出現(xiàn)這種問(wèn)題)

問(wèn)題解答

回答1:

有三種方案:

用某種命名規(guī)范把 id 修改成互不沖突的形式。雖然這個(gè)解決方案看起來(lái)最不符合題主的要求,但是個(gè)人最推薦這么做,會(huì)減少后期的不少麻煩。如果這些 html 邏輯上是在同一個(gè)界面上的,那么它們就本該具有不同的 id,要不以后寫(xiě)邏輯和樣式的時(shí)候都會(huì)遇到麻煩。

假設(shè)只是 tab 的 html 會(huì)有 id 沖突,且同時(shí)顯示的 tab 只有一個(gè),那么可以考慮每次切 tab 的時(shí)候都把沒(méi)顯示的 tab 從 DOM 里面 detach,當(dāng)需要的時(shí)候再 append。

使用 <iframe src='about:blank'></iframe> 來(lái)顯示 html,通過(guò)設(shè)置 <iframe> 的 contentWindow.document.body.innerHTML 可以修改它的內(nèi)容。如果還希望能很好的顯示 html 的外帶樣式和腳本,還有各種 dialog,也可以有各種 hack 的方法,但總歸是個(gè) hack,后患無(wú)窮。

P.S. 應(yīng)題主要求,補(bǔ)充一些 hack 的思路。

如何讓 jQuery UI 的 dialog 默認(rèn)插入到指定的地方?

可以通過(guò)下面代碼覆蓋 dialog 的默認(rèn)選項(xiàng),其中關(guān)鍵的是 appendTo 這個(gè)選項(xiàng)。

$.extend($.ui.dialog.prototype.options, { appendTo: tabNode});

每次加載 tab 前、切換 tab 后的時(shí)候都把這個(gè)選項(xiàng)設(shè)置一下,設(shè)置成當(dāng)前顯示的這個(gè) tab node。

標(biāo)簽: HTML
相關(guān)文章:
主站蜘蛛池模板: 日韩欧美国产精品 | 免费的黄色片子 | 亚洲精品国产电影 | av永久 | 剑来高清在线观看 | 国产精品欧美一区二区三区 | 在线观看中文字幕 | 久久69精品久久久久久久电影好 | 欧美一区二区在线看 | 999免费观看视频 | 人人干人人舔 | 成人精品视频在线观看 | 欧美在线观看一区 | 神马久久久久久久久久 | 香蕉一区| www国产精品 | 欧美国产一区二区 | 中文字幕亚洲视频 | 欧美另类视频在线 | 国产亚洲欧美另类一区二区三区 | 日韩精品一区二区三区四区视频 | 欧美在线色视频 | 中文在线观看视频 | 成av在线 | 精品中文在线 | 国产精品一区二区三区久久久 | 亚洲成人av在线 | 久久婷婷国产香蕉 | 国产精品一区久久久 | 91天堂网 | 免费成人高清在线视频 | 亚洲精品一区二区三区免 | 综合久久综合久久 | 97国产精品视频 | 日本高清中文字幕 | 成人日韩| 51ⅴ精品国产91久久久久久 | 精品91视频 | 国产成人精品a视频一区www | 91精品一区二区 | 精品国产91乱码一区二区三区 |