div标签未使用append方法附加到另一个div标签

时间:2018-10-03 19:49:45

标签: javascript jquery html

任何人都可以告诉我,为什么在下面的代码中ID为div的{​​{1}}不会被追加到具有button类的div中。

clickable

执行以下操作时,我在控制台日志中什么都没有看到:

var $el = $("<div/>", {class: "clickable",style: "margin:100px 10px 20px 20px ",}).append($("<div />", { id: "button"})).on('click', handleClick);

我想将带有console.log("Element el test"); console.log($el); 的{​​{1}}附加到带有div类的id = button上,以便可以使用此{{1 }}   但是由于某种原因,它没有出现在如上所述的控制台日志语句中。

第二,一旦按钮开始显示在表格/表格下方,我将在按钮上附加一个事件。基本上,我会做这样的事情:

div

因此,我不确定以下附加方法是否正确,因为已经附加了onclick事件。因此,我在想,即使以下方法开始起作用,也可以单击clickable $("#button").jqxButton({ value: 'Export Grid '}); id是否会与单击包含 $("#button" ).on('click', function () { $(".clickable").jqxGrid('exportdata', 'pdf', 'jqxGrid'); }); 类的div时实现的功能相同?

button

div
clickable
 var $el = $("<div/>", {class: "clickable",style: "margin:100px 10px 20px 20px ",}).append($("<div />", { id: "button"})).on('click', handleClick);

1 个答案:

答案 0 :(得分:0)

您的$el被分配给您上一次.on调用的返回值。

您可能想做更多类似的事情

var $el = $("<div/>", {class: "clickable",style: "margin:100px 10px 20px 20px ",});
var $nested = $("<div />", { id: "button"});

$el.append($nested);
$nested.on('click', handleClick);