html架構—多對話方塊(相同id)處理

標籤：

一個網站的資料大多數都是非同步重新整理的，這沒什麼好說的，然後現在很多前後端架構，大家都知道架構很好用，不用自己寫樣式，只要利用架構上的文法就能做出漂亮的動態效果來，而用架構的話大多數的動態效果都是動態產生的，比如拿對話方塊來說，假如一個這樣的例子，首頁是一個datagrid表格顯示，然後雙擊編輯，進入編輯對話方塊，而這個對話方塊裡面的資料是動態產生的，這個就很好處理了，因為只有一層的依賴關係，所以代碼規範點就不會出現什麼重複id的bug來，不過要是你在在這個編輯對話方塊裡面來個選擇表徵圖的功能，點擊事件又產生一個表徵圖選擇的對話方塊來，這下子產生的程式碼有的時候就會很不符合邏輯一樣了，因為明明你是在編輯對話方塊裡面的元素下面載入的對話方塊，可是你用瀏覽器看到的html卻跑到body下面了，這是不是很鬱悶了，這下你的動態載入在下一次不重新整理的情況下點擊編輯對話方塊，沒事，在點擊對話方塊裡面的表徵圖選擇，確發前面只處理了表格父元素下面的html，卻沒有處理body下面的元素，可是body下面的元素也不能全處理了，不然首頁就沒了，所以處理表格內的元素之後還要在處理下第二個對話方塊裡面的元素，這樣才能每次把重疊的元素去掉，至於怎麼處理，方法好幾種了，直接remove方面快捷。

以前遇到這種問題的時候沒深入去解決，或許有人會說直接加class來彈出，這樣就不會id重複了，這樣的話後果就是一下子彈出N個對話方塊來，行不通，後來我想的決解方案是不要重複去彈出，直接顯示出來以後就重新整理，別去重新彈出，這樣就不會導致產生多個了，就像表格編輯的對話方塊一樣，因為只有一個，顯示出來以後就不會關閉，關閉後在開啟的時候又會處理下，所以這樣是沒問題，而當我上面那種問題來了以後，就不可能終是顯示，不關閉了，所以這種辦法解決了一時，但是沒重根本解決問題，今天興緻不錯，就寫了個日記。

html架構—多對話方塊(相同id)處理