87,910
社区成员
发帖
与我相关
我的任务
分享jQuery添加地图标注无法再iframe中运行
下面的map.php页面在iframe中无法运行mouseover和mouseout及append，怎样才能在index.html页面实现？
<!--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>
...全文
请发表友善的回复…
发表回复
༺ཌༀཉི浮华背后༃ༀད༻ 2012-03-30
- 打赏
- 举报
解决了，在iframe的元素页面中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
应该直接写为
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
应该直接写为
<html>
三石-gary 2012-03-30
- 打赏
- 举报
太感谢了...
还在加载中灬 2012-03-30
- 打赏
- 举报
其实你可以，无满意给贴啊~~
真要送分吗？太感谢了...
真要送分吗？太感谢了...
༺ཌༀཉི浮华背后༃ༀད༻ 2012-03-30
- 打赏
- 举报
随便来个人，让我结贴，行不？
