1

助けが必要です。$(document).ready() 内で Jquery .append() を使用して、フォーム内に html タグを挿入しようとしています。

これは私がテストしたものであり、機能していません：

Jquery part:
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});

HTML part:
<form class="inner" action="" method="post">
</form>

私は何を間違っていますか？前もって感謝します。

LE: firebug でコードを分析したところ、フォームがhttp://i.imgur.com/Fxjtp.pngのようになっていることがわかりました。シェーディングされたフォームの色は何ですか?

LE: この POC を実装したドキュメントで html コードが無効だったため、私にとって非常に重要な html 検証部分に注意してください。（上の写真を参照）

4

4 に答える 4

2

あなたは何か間違ったことをしていません。

コードをコピーして貼り付けただけで、動作しています：http://jsfiddle.net/gA9ry/

Jquery part:
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});

HTML part:
<form class="inner" action="" method="post">
</form>
于 2012-10-22T17:23:38.407 に答える
1

これは私のために働いた：

$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall" />');
});

また、すべての jQuery がロードされていることなども確認してください。

于 2012-10-22T17:22:41.853 に答える
0

私にとってはうまくいきます。ErrorConsole を見てください。きっとjQueryが正しく読み込まれておらず、「$」が定義されていないなどのエラーが発生します。

于 2012-10-22T17:22:48.077 に答える
0

私のページの上から下への作品：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});
</script>

<form class="inner" action="" method="post">
</form>
于 2012-10-22T17:23:35.987 に答える