JQUERY的弹窗效果嵌套在iframe中后点击链接全部跳出问题
使用了JQ的一个弹窗插件,本来我所有的内容都镶嵌在iframe中了,可是这个弹窗插件只要点击弹出弹窗之后再去点击iframe中的任何链接都会在新页面打开了,只要不点击弹窗...
使用了JQ的一个弹窗插件,本来我所有的内容都镶嵌在iframe中了,可是这个弹窗插件只要点击弹出弹窗之后再去点击iframe中的任何链接都会在新页面打开了,只要不点击弹窗就不会跳出iframe,一切就都正常了。 trage属性我设置过了也没用,还是在新的页面打开,地址变成了ifram引用的那个原始页面的地址,iframe失效了,请问这种问题该怎么办?
JQ代码如下:
<div class="frame">
<div class="frame_1">
<div class="frame_1_1">
<div class="s1"><a target="_self" href="E:\白鹭湾\bailuwan\wenhuazhongxin.htm?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index1.png"></a></div>
<div class="s2"><a target="_self" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index2.png"></a></div>
<div class="s3"><a target="_self" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index3.png"></a></div>
<div class="s4"><a target="_top" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index4.png"></a></div>
<div class="s5"><a target="_top" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index4.png"></a></div>
</div>
</div>
</div>
外层镶嵌了一个iframe,只要弹窗点击出来之后再去点击iframe上的A标签就会在浏览器的新页面中打开引用的地址,iframe没用了 - -# 感谢各位大神的帮忙,希望你们能够帮助我! 展开
JQ代码如下:
<div class="frame">
<div class="frame_1">
<div class="frame_1_1">
<div class="s1"><a target="_self" href="E:\白鹭湾\bailuwan\wenhuazhongxin.htm?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index1.png"></a></div>
<div class="s2"><a target="_self" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index2.png"></a></div>
<div class="s3"><a target="_self" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index3.png"></a></div>
<div class="s4"><a target="_top" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index4.png"></a></div>
<div class="s5"><a target="_top" href="http://sc.chinaz.com?lightbox[iframe]=true&lightbox[width]=990&lightbox[height]=500" class="lightbox" rel="group1" ><img src="images2/index4.png"></a></div>
</div>
</div>
</div>
外层镶嵌了一个iframe,只要弹窗点击出来之后再去点击iframe上的A标签就会在浏览器的新页面中打开引用的地址,iframe没用了 - -# 感谢各位大神的帮忙,希望你们能够帮助我! 展开
1个回答
展开全部
我觉得这个是一定的,iframe只是用来封装你的html代码,你的链接地址应该是另外一个网页文件吧,那么不管怎么样你打开一个网页,浏览器本身都会去找这个地址,然后重新打开网页,是在浏览器的本窗口打开,不是iframe里打开。
追问
那请问有什么好的解决方案吗? 我现在在iframe中封装了一个弹窗,我想保留这个弹窗又不想跳出来
追答
我理解你想要的效果是弹出一个窗口,然后在弹出的窗口里边加载新的页面,对吧,js里边有个方法是showModalDialog,你可以找一下,试一下,这个是弹出窗口
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询