Question

您好我正在使用jquery构建一个表单，但我想要的是我创建的按钮以应用我一直在使用的onclick事件。

jquery代码：

 var $form = $('<div class="form row"></div>');
 $form.append($('<button id="Back" class="button radius Back onclick="BuildUp()"><span>Back</span>'));
 this.element.append($form);

但是当我加载我的页面时，我在谷歌浏览器调试器中看到的响应是：

HTML：

<button id="Back" class="button radius Back onclick=" buildup()">  <span>Back</span>
</button>

如你所见，它在onclick中放置了一个空格，并将BuildUp中的大写B和U转为小写。当我点击它甚至不会触发任何东西，所以我没有得到＆＃34;功能未定义＆＃34;没有任何反应。

我做错了什么？感谢

Answer 1

您错过了引号

var $form = $('<div class="form row"></div>');
 $form.append($('<button id="Back" class="button radius Back" onclick="BuildUp()"><span>Back</span>'));
 this.element.append($form);

Answer 2

你先忘了关闭课程。

$form.append($('<button id="Back" class="button radius Back" onclick="BuildUp()"><span>Back</span>'));

Answer 3

我认为您在class声明后错过了双引号。在Back之后和onclick之前。

var $form = $('<div class="form row"></div>');
$form.append($('<button id="Back" class="button radius" Back onclick="BuildUp()"><span>Back</span>'));
this.element.append($form);

Answer 4

你忘了关闭这个类，所以DOM结构的元素会因缺少引号而改变，试试下面这行可能对你有所帮助 **

 <button id="Back" class="button radius Back" onclick="buildup()"><span>Back</span></button>

**

使用jquery附加onclick

4 个答案: