5

JavaScriptとjQueryを学ぶためだけに、ちょっとしたポストイットWebアプリを作成しています。これは、良い実践プロジェクトになると言われたためです。ここでいくつかのエラーが発生し、修正方法がわかりません。StackOverflowは初めてです。何よりもリファレンスとして使用しています。

これはコードです： http： //pastebin.com/raw.php？i = 67i5HwY5

問題：-複数のポストを追加すると、divが台無しになります。

私はそれを修正する方法のアイデアを持っています、私はjQueryとJSにも慣れていないので、それらを適用する方法がわかりません。あなたたちが私を助けることができれば、それは素晴らしいことです。

ありがとう！

http://jsfiddle.net/mitchbregs/fYTFV/5/

4

3 に答える 3

3

どうぞ： http： //jsfiddle.net/mattblancarte/fYTFV/12/

基本的に、これらの付箋のそれぞれに一意の識別子を追加する必要があります。:)この場合、使用しているIDを拡張し、新しい付箋を作成するたびにIDをインクリメントしました。

これらのセレクターもキャッシュすることをお勧めします...$（ "＃postIt-" + id）を何度も使用する代わりに、次のようにします。

var postit = $("#postIt-" + id);
postit.css();

次のように、1つのメソッド内ですべてのCSSを渡すこともできます。

postit.css({
  'background' : 'blue',
  'height' : '100px',
  //etc.
});
于 2012-08-17T21:19:24.787 に答える
0

のように見えます

$("#header").append("<div id='urlPost'

問題を引き起こしている可能性がありますか？通常、同じIDで複数のアイテムを追加するのは適切ではありません。各ポストイットには一意の識別子が必要です。

'id'というグローバル変数を作成し、0に設定することもできます。

クリック関数は次のようになります。

$("#header").append("<div id='urlPost" + id + "' class='etc'");

$("#urlPost"+id).css("width",wh);

次に、関数の最後に：

id++;

このように、新しい投稿を追加するたびに、cssは最新の投稿にのみ適用されます。

于 2012-08-17T20:45:51.670 に答える
0

ちょっとあなたの質問に答えるだけです..私はjqueryだけを使って解決策を作りました。これはあなたがvarを宣言する必要がない別の解決策かもしれません。これが..http：//jsfiddle.net/vwPDr/

私はjqueryの：lastセレクターを使用し、それをdraggbleクラスに適用しました。見てみな。

于 2012-08-17T21:50:47.027 に答える