Question

我想通过下面的函数创建一个按钮，例如createGetInfo（120，Test，1）我希望结果成为一个＆＃39;测试＆＃39;按钮宽度为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

对于具有动态创建元素的绑定事件，您需要使用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/
你的代码中的另一个变化总是在带有ID属性的html DOM中创建元素，所以我为btnGetInfo

Answer 2

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

'width:'+size + 'px'

像上面的

一样定义它

如何用函数参数创建一个按钮？

2 个答案: