jQuery添加地图标注无法再iframe中运行,该如何解决-JavaSript-爱易网页

jQuery添加地图标注无法再iframe中运行,该如何解决

日期：2014-05-16　浏览次数：20340 次

jQuery添加地图标注无法再iframe中运行
下面的map.php页面在iframe中无法运行mouseover和mouseout及append，怎样才能在index.html页面实现？

HTML code


<!--index.html-->
<iframe id='ifr' name="mapfull" frameborder="0" width="100%" height="600px" src="map.php"></iframe>
<!-- map.php -->
<html>
<head>
<title></title>
<script src="jquery_1.4.2.js"></script>
</head>
<body>
<div id="mapbox" style="float:left;position:relative;overflow:hidden;width:1200px;z-index:1">
<img id="pic" width="1200px" height="1973px" style="position:relative;z-index:-1;" src="images/all.png" />
</div>
<script>
$(function(){
    var lx=645;
    var ly=-870;
    //alert("lx-->>"+lx);
    //$("#mapbox").append("<div style='position:relative;top:"+ly+";left:"+lx+";'>。</div>");
    $("#mapbox").append("<div style='position:relative;top:"+(ly-10)+";left:"+(lx-13)+";'><img id='img0' src='images/mark.png' /></div>");//在图片显示用户输入的信息
    $("#img0").mouseover(function(){
        $("#mapbox").append("<div id='img00' style='/*background:url(images/border.png) no-repeat;*/ width=300;height:150;padding:10px; position:relative;z-index:-1;top:"+(ly-205)+";left:"+(lx-30)+";'>O(∩_∩)O哈哈~<br><i>(～ o ～)Y</i></div>");
    });
    $("#img0").mouseout(function(){
        if($("#img00"))
            $("#img00").remove();
    });
    $("#img0").click(function(){
        alert("0 - turn to 3d map");
    });


    var lxs=423;
    var lys=-1519;

    $("#mapbox").append("<div style='position:relative;top:"+(lys-10)+";left:"+(lxs-13)+";'><img id='img1' src='images/mark.png' /></div>");//在图片显示用户输入的信息
    $("#img1").mouseover(function(){
        $("#mapbox").append("<div id='img11' style='/*background:url(images/border.png) no-repeat;*/ width=300;height:150;padding:10px; position:relative;z-index:-1;top:"+(lys-180)+";left:"+(lxs-30)+";'>(ˇ?ˇ） 想～<br><i>( ⊙ o ⊙ )啊！</i></div>");
    });
    $("#img1").mouseout(function(){
        if($("#img11"))
            $("#img11").remove();
    });
    $("#img1").click(function(){
        alert("1 - turn to 3d map");
    });
});
</script>
</body>

</html>

------解决方案--------------------
其实你可以，无满意给贴啊~~

真要送分吗？太感谢了...
------解决方案--------------------
太感谢了...

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jQuery添加地图标注无法再iframe中运行,该如何解决

相关资料更多>

推荐阅读更多>