.append不止一次执行

Question

.append执行多次（3次），即使函数只调用一次。

$('#container, #tree').on('click', 'li', function(event){
        $( '#myAreaDiv' ).append( FIELD:<br /><input name="myField" id="myField" readonly value="2"/>' );

        event.stopPropagation();
    });

Answer 1

请尝试这样做，因为我认为你的FIELD不对。 点击Tree ...

＆＃13;

＆＃13;

$('#container, #tree').on('click', 'li', function(event) {
  $('#myAreaDiv').append('<br /> <input name="myField" id ="myField" readonly value="2"/>');
  event.stopPropagation();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="tree">
  <li>
    Tree
  </li>
</div>

<div id="myAreaDiv">

</div>

＆＃13;

＆＃13;

＆＃13;