替代显示无从源代码

问题描述:

希望这将是有意义的。我有一个页面,用户可以创建一个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

是的,功能.remove()将帮助你!

+0

你是最快的,所以我会给你答案。谢谢!! – jason328

+0

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

如果你想真正从屏幕上删除的项目,你可以简单地调用了jQuery .remove()功能。

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

一旦你这样做,你就可以“回收”,而不会引起问题的元素的ID。

参考 -

如果你想在挤压按钮来删除的div被点击,你可以删除它们,而不是设置使用jQuery的remove()显示值。

附加到每个盒子是一个删除按钮,如果按下将会把这一 具体框显示为无

里面的按钮点击,做$("specificDiv").remove()代替。

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