コードは次のとおりです。
イベント ハンドラーは、ユーザーがボタンをクリックすると、アラートと番号を要求するプロンプトが表示され、ユーザーが指定した番号に応じて、プログラムが多数のボックスを含むグリッドを生成するようにする必要があります。残念ながら、イベント ハンドラーはバインドされておらず、その中のコードは機能していません。
なぜ私たちは対立しています。
ご覧いただきありがとうございます。
編集申し訳ありません http://codepen.io/pauldd91/pen/zxAhs
コードは次のとおりです。
イベント ハンドラーは、ユーザーがボタンをクリックすると、アラートと番号を要求するプロンプトが表示され、ユーザーが指定した番号に応じて、プログラムが多数のボックスを含むグリッドを生成するようにする必要があります。残念ながら、イベント ハンドラーはバインドされておらず、その中のコードは機能していません。
なぜ私たちは対立しています。
ご覧いただきありがとうございます。
編集申し訳ありません http://codepen.io/pauldd91/pen/zxAhs
上記のあなたの問題は、block
あなたが意味するときの使用ですblocks
。また、それらが再表示されない理由は、使用しているためです。$('#square_holder').detach();
これにより、dom から削除され、アイテムを再追加できなくなります。$('#square_holder').html("");
orを使用してクリアするだけで機能し$('#square_holder').empty();
ます。
コードを見ると、コンソールに次のエラーが表示されます。
Uncaught ReferenceError: ブロックが定義されていません
次の行が原因です。
var dimension = ((960/block) - (blocks * 2));
を宣言したことがないためblock
、JS はエラーをスローし、それ以降の JS の実行は停止します。値を割り当てるblock
(または値に変更する) と、ハンドラーは正常に動作します。