1

これは、この素晴らしいサイトで初めての質問です。私は通常、ここで必要な答えを少し調べて見つけますが、今回はそうではないため、質問せざるを得ません。

何が起こるかは次のとおりです。

最初に 1 つのドロップダウン、フィールド、およびボタンを持つ検索フォームを作成しています。ユーザーはドロップダウンから検索を実行するフィールド (field1、field2 など) を選択し、テキスト ボックスに条件を入力します。次に、クリックすると、前のような別のセット (ドロップダウン、テキストボックス、および「OR」ボタン) を動的に作成して、検索の 2 番目の条件を作成する「OR」ボタンがあります。

ボタンを挿入するコードの重要な部分は次のとおりです。

var divid = '#orbuttondiv'+divid;
    $(divid).after('<div id="field'+orbuttonid+'" class="blockSrc"><select name="orfield[]" id="condition'+orbuttonid+'field" class="blockSrc'+orbuttonid+'"><option value="0">Select Field</option><?php //function ?></select><input name="orstr[]" id="condition'+orbuttonid+'str" type="text" /></div><div class="orbutton" id="orbuttondiv'+orbuttonid+'"><button name="orbutton'+orbuttonid+'" id="orbutton'+orbuttonid+'" class="btn orbt" type="button" value="OR" /><i class="icon-comments-alt"></i> OR</button></div>');             
});

したがって、問題は、セットがドキュメントに挿入されると、ボタンタグが途中で閉じられることを除いて、すべてが完全に機能することです。私が期待するものは次のとおりです。

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"><i class="icon-comments-alt"></i> OR</button>
</div>

そして、私が得ているのは:

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"></button><i class="icon-comments-alt"></i> OR
</div>

< button > タグがコンテンツの前に閉じられ、< i> と "OR" という単語がボタンの外側にロードされることに注目してください。

どんな助けでも大歓迎です：

4

3 に答える 3

5

<button>タグを自己閉鎖したため:

 <button ... value="OR" /><i>...
                        ↑

スラッシュを外すだけで、すぐに使用できます。

于 2012-11-28T20:36:58.177 に答える
1

button例では、タグを閉じています。

<button name="orbutton'+orbuttonid+'" id="orbutton'+orbuttonid+'" 
    class="btn orbt" type="button" value="OR" /> <--- see the forward slash
于 2012-11-28T20:36:49.667 に答える
1

ボタンを/>開く要素の最後にあるので、ボタンが自動的に閉じます。を削除し/ます。

于 2012-11-28T20:36:55.867 に答える