Question

我正在尝试将以下DOM生成的iframe放入页面的某个部分。特别是我希望它坐在一个div中，我有一个名字“地图”。现在它一直漂浮到页面底部可能是因为它被放置在那里。有没有办法找到名为地图的div并将其放在div标签之后？

任何帮助将不胜感激！这是代码：

        function handle_geolocation_query(position) {


        var image_url = "http://maps.google.com/?ie=UTF8&q=@" + position.coords.latitude + ',' + position.coords.longitude + 
                        "&z=16&output=embed";

        jQuery("#map").remove();
        $(document.body).append(
          jQuery(document.createElement("iframe")).attr("src", image_url).attr('width','320').attr('height','320').attr('id','map')
        );

    }

Answer 1

$('#maps')
    .after('<iframe src="'+image_url+'" width="320" height="320" id="map"');

会找到ID为maps的div，并在该元素后附加iframe。我不确定你是否真的想要它在div之后或div内部（虽然我觉得它应该在里面）。

使用Jquery将iframe附加到HTML中的特定位置

1 个答案: