希望这会有意义。我有一个页面,用户可以在其中创建一个 div 框。该用户最多可以创建三个 div 框。每个框都附有一个删除按钮,如果按下该按钮,则该特定框的显示将变为无。当他们重新加载页面时,屏幕再次为空,他们可以再次创建 div 框而不会出现错误。现在假设用户创建了三个 div 框,然后使用删除按钮将它们全部删除。现在屏幕为空的用户决定再创建一个 div 框。他这样做了,现在有两个具有相同 id 的 div 框,因为同一个 div 框已经创建过一次,现在没有显示。
因为有两个重复的 div 框,所以当同一页面上有多个 id 时,jQuery 事件很难触发。我的问题是,当我按下删除按钮以完全删除已删除 div 框的代码时,我可以用什么来代替 display none?下面的代码是我的意思是有重复的 div 框的示例,它是从 firebug 中获取的。(我特意从下面代码中的每个 div 框中取出了删除按钮以简化问题。只需要知道它在旧 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