2012-09-17 46 views
1

希望這將是有意義的。我有一個頁面,用戶可以創建一個div框。該用戶最多可以創建三個div框。附加到每個框上的是一個刪除按鈕,如果按下該按鈕將會將該特定框顯示爲無。當他們重新加載頁面時,屏幕再次爲空,他們可以再次創建div盒而不會出錯。現在我們假設用戶創建三個div框,然後用delete按鈕刪除它們的全部三個。現在屏幕爲空的用戶決定再創建一個div框。他這樣做,現在有具有相同ID的二兩格箱,因爲這同一個div盒已經創建一次,現在是在顯示器無法比擬的。替代顯示無從源代碼

因爲有兩個重複的格箱,就很難爲當有同一個頁面上的多個ID的jQuery的事件觸發。我的問題是,有什麼事情我都不顯示替換當我按下刪除按鈕完全擺脫刪除DIV箱子的密碼?下面的代碼是我的意思是存在重複的div盒的例子,它是從螢火蟲中抓取的。 (我故意從每個格框中掏出了刪除按鈕下面的代碼中,以簡化的問題。所有這一切都需要知道的是,它的老格框和新之間的重複)。這需要用jQuery,Javascript或PHP來完成。

//this section was colored in a lighter opacity in Firebug 

<div id="post_3" class="ui-widget-content" style="position: absolute; left: 523px; top: 

341.1px; z-index: 990; display: none;"></div> 

<div id="post_2" class="ui-widget-content" style="position: absolute; left: 254px; top: 

196.1px; z-index: 990; display: none;"></div> 

<div id="post_1" class="ui-widget-content" style="position: absolute; left: 2px; top: 

343.1px; z-index: 990; display: none;"></div> 

//end of section 

//this is the most recent div box created. It clashes with the first div box. 

<div id="post_3" class="ui-widget-content" style="position: absolute; left: 0px; top: 

343.1px; z-index: 990;"></div> 

//end of most recent div box code 
+2

感謝大家的響應。一個簡單的功能解決了花費數小時才能解決的問題。謝謝你們。 – jason328

回答

4

是的,功能.remove()將幫助你!

+0

你是最快的,所以我會給你答案。謝謝!! – jason328

+0

由1秒...達恩...;) – Lix

4

如果你想真正從屏幕上刪除的項目,你可以簡單地調用了jQuery .remove()功能。

示例 - $("#element").remove();

一旦你這樣做,你就可以「回收」,而不會引起問題的元素的ID。

參考 -

3

如果你想在擠壓按鈕來刪除的div被點擊,你可以刪除它們,而不是設置使用jQuery的remove()顯示值。

附加到每個盒子是一個刪除按鈕,如果按下將會把這一 具體框顯示爲無

裏面的按鈕點擊,做$("specificDiv").remove()代替。

3

嗯...我沒有看到任何刪除按鈕的任何地方,所以我不能很具體,但你可能想使用的是$(selector).remove();