fanybox的问题.Iframe只适用于网站上的第一个链接
Problem with Fancybox. Iframe works only for the first link on the site
我正在测试iframe的Fancybox,我注意到在我的Wordpress博客上(我猜其他地方)iframe仅为我主页上的第一个链接打开。我已经为所有的链接添加了id属性。
有什么想法是为什么和如何纠正它?下面是代码。我只更改了名称弹出,并设置为所有链接id="弹出"。在示例页面上,它也使用id,但只在一个链接上。
<script type="text/javascript">
$(document).ready(function() {
$("#popup").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>
id 必须唯一。如果您现有的代码类似于
<a href="whatever" id="popup">Link 1</a>
<a href="whateverelse" id="popup">Link 2</a>
改为
<a href="whatever" class="popup">Link 1</a>
<a href="whateverelse" class="popup">Link 2</a>
然后,调整你的Javascript为
<script type="text/javascript">
$(document).ready(function() {
$("a.popup").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>
使用他们文档中的代码不适合你的原因是因为他们的文档只处理单个链接,而不是一组链接。
你正在做的是添加一个花哨的盒子到一个实体与id弹出。如果你想要多个<a>
标签有自己的fanybox,那么你必须要么做你所做的每一个标签与不同的id或你给他们相同的类与不同的"rel"。
参见这个例子
相关文章:
- 多个链接的Javascript动画
- 如何使用jQuery禁用多个链接
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 为什么在这种情况下要向JQuery添加两个链接
- 可折叠容器/柱.添加多个链接
- 是否有脚本/代码可以一次将链接属性添加到多个链接
- 将多个链接表映射到嵌套的JQuery手风琴
- jQuery show()和hide()查找页面上的多个链接
- 使用 JavaScript 向一组链接中的第一个链接添加一个属性
- 我想使用 javascript 将第一个链接保留为默认选择
- 打印文档中的第一个链接
- 转到容器中的第一个链接,除非单击另一个链接
- 第一个链接视频JSON的路径
- 用javascript清除链接只适用于第一个链接
- Jquery将第一个链接复制到第二个ul,然后更改第一个链接的类
- X-Editable Bootstrap字段只在第一个链接上加载
- 如何使第一个链接打开一个特定的链接
- 使第一个链接激活Javascript
- 动画滚动锚只适用于第一个链接
- fanybox的问题.Iframe只适用于网站上的第一个链接