1

jQueryを使用して「オンザフライ」でチェックボックスとラベルを作成すると、その機能に関しては正常に機能します（つまり、ラベルをクリックすると、チェックボックスがオンになります）が、ブラウザーが割り当てるデフォルトの外観はlabelは、オンザフライで作成されたラベルに割り当てられたデフォルトの外観と同じではありません。

[x] normal label
[x]label created on the fly

違いは、ラベルとチェックボックスの間のスペース（マージン）です。

ここで何が起こっているかについてのアイデアはありますか？

チェックボックス/ラベルをその場で作成するためのコードは次のとおりです。

 $('<input type="checkbox" id="foo"/><label for="foo">bar</label>')

チェックボックス/ラベルをオンザフライで作成するためのコードは次のとおりです。

 <input type="checkbox" id="baz"/><label for="baz">quz</label>
4

1 に答える 1

1

これが起こっていたことです：http： //jsfiddle.net/kSjJZ/

 <body>
     <ul id="bla">
         <li>
             <input type="checkbox" id="baz"/><label for="baz">quz</label>
         </li>
         <li>
             <input type="checkbox" id="foo"/>
             <label for="foo">quz</label>
         </li>
     </ul>
 </body>

基本的に、これら2つのタグ（入力とラベル）が\ r \ nで区切られている場合、スペースの解釈があります。

于 2013-03-25T03:15:02.477 に答える