Question

我有一个父div名称droppable，我有一个图像作为一个孩子包裹在另一个div。双击该图像，我将为其添加另一个图像。在该图像的点击事件上，我附加了一个动态表单，其中包含带有值的组合框。我相应地event.stopPropagation();来阻止点击冒泡。以下是代码

//parent div click
    $("#droppable").click(function(event) {
     alert(111);

        });

//first child image double click

$("#clone"+count).dblclick(function(event) {
       event.stopPropagation();

      var attrId=$(this).attr('id');

      var config=$('<span id=\"configconfigImg' + count + '\" class=\"config\" title=\"Configuration\"> <img id=\"configImg' + count + '\" class=\"configs configClone' + count + '\" src=\"images/configSymbol.png\"></span>');

      $("#"+attrId).append(config);

      //second child click function
      $('.configClone'+count).on('click', function (event) {

            event.stopPropagation();


            $(this).addClass("selected"+attrId).parent().append('<div id="pop' + attrId + '" class="messagepop pop' + attrId + '"><form method="post" id="new_message" action="/messages"><p><label for="definedStream">Please select the stream</label><select id="definedStreams"><option value="volvo">Volvo</option><option value="saab">Saab</option></select></p></form></div>');

           //form div class click function used to stop propagating parent clicks when clicks on the form

           $(".pop"+attrId).click(function(event) {
                              alert(555);
                              event.stopPropagation();


           });

    });

 });

现在，当我单击组合框时，它不会列出结果。但是，当我右键单击它时，它可以工作，从左键单击的那一刻开始工作。我找不到它的原因。请帮忙

只有单击鼠标右键，动态表单组合框才有效

0 个答案: