javascript - 如何创建带有函数参数的按钮？

Question

我想使用下面的函数创建一个按钮，例如 createGetInfo(120,Test,1) 我希望结果成为宽度为 120 的“测试”按钮，但下面的函数失败，如何将参数放入按钮标签？

function createGetInfo(size,wording,filter) {
    var GetInfo = $("<button class='eqGroupBtn' type='button' class='btn' style='width:size'>wording</button>");
    secondLevelMenuDiv.append(GetInfo);
    GetInfo.click(function(){
        Do something...
    });
};

Answer 1

为了将事件与动态创建的元素绑定(bind)，您需要使用jquery的on方法，因此您的代码如下

$( document ).ready(function() {
  var size=100;
    var GetInfo = $("<button class='eqGroupBtn' id='btnGetInfo' type='button' class='btn' style='width:"+size+"px;'>wording</button>");
    $("body").append(GetInfo);

     $( "#btnGetInfo" ).on( "click", function() {
              alert( $( this ).text() );
     });  
}); 

工作 jsfiddle 演示:https://jsfiddle.net/pranayamr/uuvtx5ga/

• 在此处阅读有关功能的更多信息:http://api.jquery.com/on/
• 代码中的另一个更改始终是在 html DOM 中创建具有 ID 属性的元素，因此我为按钮添加了 ID，即 btnGetInfo