Jquery对话框问题与地图

Question

 $("#body_content").dialog({
            title: "AAAa",
            modal: true,
            width:'auto',
            height:'auto',
            resizable:false,

            open: function(){

                var id = $('#right_button').attr('id');
                var lat = $('#right_button').attr('lat');
                var lng = $('#right_button').attr('lng');
                var body_text = $('#body_content').attr('body_text');


                $("#body_content").html(body_text); //this is the line that "breaks" the script
                if (lat != "" && lng!=""){

                if (map == null) {
                    var myOptions = {
                        zoom: 14,
                        center: new google.maps.LatLng(lat, lng),
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    var latLng = new google.maps.LatLng(lat,lng);
                    map = new google.maps.Map(document.getElementById('map_dialog'), myOptions);

                    var marker;
                    marker = new google.maps.Marker({
                        position: latLng,
                        map: map
                    });
                }


            }
                else {
                    $('#map_dialog').hide();
                }
                }

在我的代码中，我正在尝试显示内容并将地图映射到对话框中，但是当我使用$("#body_content").html(body_text);时，地图无法显示，所以当我删除此行时，地图会出现问题，这里有什么问题

Answer 1

我认为你必须在你的HTML中查看你的div，也许这可以帮助你how to set content on Jquery dialog