jquery - 使用 Jquery .ready() 和 .append() 在表单中插入内容

Question

我需要帮助。我正在尝试在 $(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：处理 html 验证部分，非常重要，对我来说没有工作，因为 html 代码在我实现此 POC 的文档中无效。（见上图）

Answer 1

你没有做错什么。

我刚刚复制/粘贴您的代码，它正在工作：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>

Answer 2

这对我有用：

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

还要检查所有 jQuery 是否已加载等。

Answer 3

对我来说它有效。查看您的错误控制台。我确信 jQuery 没有正确加载，并且会出现像 '$' is not defined 之类的错误。

Answer 4

我的页面从上到下有效：

<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>