Question

我正在尝试动态创建一个按钮，使用JQuery创建按钮，初始化它，并将其插入DOM。执行以下代码时，会将一个元素添加到DOM中，而不是：

<input value="button">Click Me</input>

DOM中的项目只是：

<input>

不确定为什么没有初始化属性或者正在创建完整的htlm元素。

var list = $("#rootElement").find(".listclass");
var button = $("<input/>", {
    type : button,
    value : "Click Me"
});
list.append(button)

Answer 1

改为

IMO它更容易。

＆＃13;

var list = $("#rootElement").find(".listclass");
list.append('<input type="button" value="Click Me"/>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="rootElement">
  <div class="listclass">
  </div>
</div>

＆＃13;

BTW：<input>代码不接受内容。

<input value="button">Click Me</input>  <-- wrong

应该是

<input type="button" value="Click Me"/> <-- good

或只是

<button>Click Me</button>

您的代码已修复

你忘了把按钮放在按钮上。

＆＃13;

var list = $("#rootElement").find(".listclass");
var button = $("<input>", {   
    type: 'button', // here forgot quotes
    value: 'Click Me'
});
list.append(button)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="rootElement">
      <div class="listclass">
    </div>
 </div>

＆＃13;

Answer 2

您需要写type: "button"而不是type: button

这是小提琴：http://jsfiddle.net/su9m81yu/2/

JQuery没有初始化对象

2 个答案:

改为

您的代码已修复