国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jquery - jquey tabs ajax load html 沖突問題?
迷茫
迷茫 2017-05-15 16:49:51
0
1
970

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

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

迷茫
迷茫

業(yè)精于勤,荒于嬉;行成于思,毀于隨。

全部回復(1)
過去多啦不再A夢

有三種方案:

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

  2. 假設只是 tab 的 html 會有 id 沖突,且同時顯示的 tab 只有一個,那么可以考慮每次切 tab 的時候都把沒顯示的 tab 從 DOM 里面 detach,當需要的時候再 append。

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

P.S. 應題主要求,補充一些 hack 的思路。

  1. 如何讓 jQuery UI 的 dialog 默認插入到指定的地方?

可以通過下面代碼覆蓋 dialog 的默認選項,其中關鍵的是 appendTo 這個選項。

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

每次加載 tab 前、切換 tab 后的時候都把這個選項設置一下,設置成當前顯示的這個 tab node。

最新下載
更多>
網站特效
網站源碼
網站素材
前端模板