【JS/Jquery】点击事件怎么对【iframe】里面的元素生效

【JS/Jquery】点击事件如何对【iframe】里面的元素生效

本帖最后由 lirko4156 于 2013-05-16 19:45:18 编辑

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</head>

<body>


<div id="ad">

点击id为ad区域内文字内容或a属性等元素生效,点击iframe里面的元素不生效

<br/><br/>


<a target="_blank" href="http://www.baidu.com/">点击a属性生效</a>

<br/><br/>


直接iframe显示版

<br/><br/>

<iframe id="cproIframe1" src="http://cpro.baidu.com/cpro/ui/uijs.php?rs=0&amp;tu=u470987&amp;tn=text_default_300_250&amp;n=lanrennet2010_cpr&amp;adn=3&amp;rsi1=250&amp;rsi0=300&amp;rad=&amp;rss0=%232F3C45&amp;conBW=0&amp;rss1=%232F3C45&amp;conOP=0&amp;rss2=%2361A7C7&amp;titFF=%25E5%25AE%258B%25E4%25BD%2593&amp;titFS=12&amp;titTA=left&amp;rss3=%23CFE0EE&amp;rss4=%234CB509&amp;rss5=&amp;rss6=%23FF7B0E&amp;rsi5=4&amp;ts=1&amp;at=6&amp;ch=0&amp;cad=1&amp;aurl=&amp;rss7=&amp;cpa=1&amp;fv=11&amp;cn=1&amp;if=16&amp;word=http%3A%2F%2Fwww.bendi.com%2F1.html%23&amp;refer=&amp;ready=1&amp;jk=f3d3d3618bdb60aa&amp;jn=3&amp;lmt=1368672104&amp;csp=1440,900&amp;csn=1440,870&amp;ccd=32&amp;chi=2&amp;cja=true&amp;cpl=38&amp;cmi=94&amp;cce=true&amp;csl=zh-CN&amp;did=1&amp;rt=6&amp;dt=1368700905&amp;ev=50331648&amp;c01=0&amp;prt=1368700905107&amp;i3=f&amp;anatp=0&amp;stid=0&amp;lunum=6" width="300" height="250" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true"></iframe>


<br/><br/>


JS输出iframe显示版

<br/><br/>

<script type="text/javascript">

/*300*250，创建于2011-5-9*/ 

var cpro_id = 'u470987';</script>

<script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script>


</div>


<script type="text/javascript">

$(function(){


$("#ad a").click(function(){

//("#ad a")去掉a整个ID区域生效,增加a限a属性生效


alert('你点击的id="ad"位置a属性生效了');

});

});

</script>

</body>

</html>

以上代码对id="ad"区域内的a属性链接生效,但对iframe或js调用的iframe内容不生效,请问各位大神如何让iframe内容页生效?
------解决思路----------------------
一个是垮域了，你根本上不能操作iframe里的东西
二个同域的话，jquery你这样调用只能处理本window的东西，iframe里是另一个window,你要将iframe的document当成一个context传给jquery

【JS/Jquery】点击事件怎么对【iframe】里面的元素生效

相关推荐