gmap3 DOM按钮不起作用

Question

这是我正在使用的用户界面。输入地址，单击＆＃34;参见地图＆＃34;并出现一个标记。如果您点击标记然后，＆＃34;添加会员详细信息＆＃34;按钮出现。

我需要它，以便当用户点击＆＃34;添加会员详细信息＆＃34;按钮，将出现一个模态窗体。现在，它不起作用。我没有收到任何错误。它只是一个空白按钮。我试图发出警报但仍然一无所获。

我已经测试过，看看我的模态是否可以通过另一个按钮启动，并且效果很好 - 我认为我的问题是因为＆＃34;添加会员详细信息＆＃34;按钮是DOM生成的按钮。有人可以帮忙吗？

使用Twitter Bootstrap（3.0），gMap 3.0，BootBox.js和jQuery 1.10

 $('.init_form').click(function(e){
    $('#dialog-demo-1').modal();
    e.preventDefault();
 });


function seeOnMap(xaddress) {
        $('#gmap-4').gmap3({
              marker:{
                address: xaddress, id:'newuser_marker', data:"<div><button type='button' class='btn btn-success init_form'  id='newmember_form'>Add Member Details</button></div>",
                events:{ 
                     click: function(overlay, event, context){
                        var map = $(this).gmap3("get"),
                            infowindow = $(this).gmap3({get:{name:"infowindow"}});
                        if (infowindow){
                            infowindow.open(map, overlay);
                            infowindow.setContent(context.data);
                        } else {
                            $(this).gmap3({
                            infowindow:{
                            anchor:overlay, 
                            options:{content: context.data}
                       }
                   });
               }
           },
                }
              },
                         map:{
                options:{
                  center: [xx.xxxxxx,xx.xxxxxx],
                  zoom: 11
                }
              }
        });
    }

以下是HTML：

<div id="dialog-demo-1" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Signup form</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="row">
                        <div class="col-sm-4">
                            <label>Name</label>   
                        </div>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" />    
                        </div>
                    </div>
                </form>
               </div>
             </div>
          </div>
        </div>

Answer 1

啊，好吧我终于明白了：

应该是：

  $(document).on('click','.init_form',function(e){
      $('#dialog-demo-1').modal();
      e.preventDefault();
  });