1

うまくいけば、これは理にかなっています。ユーザーがdivボックスを作成できるページがあります。そのユーザーは、最大3つのdivボックスを作成できます。各ボックスに接続されているのは削除ボタンで、押すとその特定のボックスの表示が何も表示されなくなります。ページをリロードすると、画面は再び空になり、エラーなしでdivボックスを再度作成できます。ここで、ユーザーが3つのdivボックスを作成し、削除ボタンを使用して3つすべてを削除するとします。画面が空になっているユーザーは、もう1つのdivボックスを作成することにしました。彼はそうし、同じidの2つのdivボックスが2つあります。これは、同じdivボックスがすでに一度作成されており、現在は何も表示されていないためです。

重複したdivボックスが2つあるため、同じページに複数のIDがある場合にjQueryイベントを発生させるのは困難です。私の質問は、削除ボタンを押して削除されたdivボックスのコードを完全に削除したときに、displaynoneに置き換えることができるかどうかです。以下のコードは、重複した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
4

4 に答える 4

4

はい、関数.remove（）が役に立ちます！

于 2012-09-17T19:48:21.737 に答える
4

画面から実際にアイテムを削除したい場合は、jQuery.remove()関数を呼び出すだけです。

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

これを実行すると、問題を発生させることなく要素のIDを「リサイクル」できるようになります。

参照 -

于 2012-09-17T19:48:22.447 に答える
3

If you want to delete the divs upon the button being clicked you can remove them instead of setting the display value by using jQuery's remove().

Attached to each box is a delete button that if pressed will turn that specific box display to none

Inside the button click, do $("specificDiv").remove() instead.

于 2012-09-17T19:49:12.793 に答える
3

Well... I don't see any delete buttons anywhere, so I can't be very specific, but what you probably want to use is $(selector).remove();

于 2012-09-17T19:50:31.090 に答える