无法使用jquery 1更改js文件中创建的动态按钮的CSS

Question

创建了按钮模板，不要介意 item 变量，只是为每个按钮提供一个唯一的ID。

var html = "<button  id='"+item+"' onclick='change_color("+item+"); buttonClicked("+item+")' style='width:60px;border-style:none; background-color: transparent;padding-right:10px;margin-right:10px;'><i class='fa fa-power-off fa-2x' aria-hidden='true'></i>";

附加在html文件中。

$("#"+item).append(html);

然后我创建了两个onclick函数

change_color = function(item)
{
    alert(item);
    $("#"+item).find('i').css("color","red");
}

每当我点击按钮时，警报就会起作用;它显示正确的ID，但在更改颜色之前它移动到下一个功能 buttonClicked（）

Answer 1

您应该从第一个函数调用第二个函数，而不是内联调用这两个函数。

change_color = function(item)
{
   alert(item);
   $("#"+item).find('i').css("color","red");
   buttonClicked("foobar");
}