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

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 に答える