0

我的任务是将按钮动态附加到 div .. 我想通过使用一个简单的函数将多个具有不同 id 的按钮附加到单个或不同的 div。我必须使用以下代码将单个按钮附加到 div ..

<script type="text/javascript">
$(document).ready(function () {
    addInputTo($(".myClass"));
    $("#field").click(function () {
        alert("hi");
        $(".myClass").appendTo({
            icons: {
                primary: "ui-icon-locked"
            },
        });
    });

});

function addInputTo(container) {
    var inputToAdd = $("<input/>", {
        type: "button",
        id: "field",
        value: "Test Button"
    });
    // var s="trype='button";
    container.append(inputToAdd);
}

</script>


<div class="myClass"></div>

是否有任何解决方案可以通过创建单个功能来附加多个按钮，例如..

_app.CreateButton (id, text, primaryIcon, secondaryIcon, className);

请帮我

我们使用下面的代码将图标附加到按钮但它不起作用请帮助我

<script type="text/javascript">
function runEffect() {
  debugger;
  alert("1");
  $( ".AdvSearchSaveButton" ).button({
    icons: {
      primary: "ui-icon-locked"
    },   
  });
}

$(document).ready(function () {
  $("#filed").click(function () {
    alert("hi");
    runEffect();
    //  $( "#filed" ).addClass( "ui-icon-locked" );

  });
});
</script>
4

2 回答 2

1

您可以将功能更改addInputTo为

function addInputTo(container, id, text){
            var inputToAdd = $("<input/>", { type: "button", id: id, value: text });
            container.append(inputToAdd);
}

然后使用

addInputTo($(".myClass"), 'filed', 'test button');
于 2013-08-15T04:49:21.123 回答
0

这真的是你所需要的。我只是将事件处理程序<div>与带有自调用函数的 class = "myClass" 的任何单击相关联。

HTML：

    <div class="myClass" style="width:150px; height:150px;background-color:red;"></div>

Javascript：

var id=0;

$(function(){
    $(".myClass").click(function(){
        id++;
        var newButton = "<input type='button' id='number" + id.toString() + "'value='test button'></input>";
        $(this).append(newButton);
    });
});

只需单击您的<div>，一个具有唯一 ID 的新按钮就会附加到<div>. 干杯!

于 2013-08-15T05:57:11.763 回答