IE上的颜色框,打开一个颜色框,然后立即跟随页面上的链接
Colorbox on IE, opens a colorbox and then immediately follows the link off the page
我有一个画廊页面,它列出了一个图像网格。单击其中一个图像时,我希望颜色框弹出,并允许用户循环浏览图像。
使用一个简单的颜色框可以在所有浏览器上做到这一点,除了IE。即使在打开颜色框后,IE仍然会跟随链接。
原始代码:
$('a.gallery_image').colorbox({
transition: 'fade',
opacity: 0.7,
speed: 100,
fixed: true,
rel: 'gal_img',
scalePhotos: true,
maxWidth: ($(window).width() / 100) * 85,
maxHeight: ($(window).height() / 100) * 85
});
我已经设法使用以下方法产生了类似的效果:
$('a[rel="gallery_image"]').click(function(e){
e.preventDefault();
$('a[rel="gallery_image"]').colorbox({
maxWidth: '90%',
initialWidth: '200px',
initialHeight: '200px',
speed: 700,
rel: 'gal_img',
overlayClose: false
});
$.colorbox({
href: $(this).attr('href')
});
//return false;
});
然而,IE仍然存在同样的问题。if然后取消注释return false;。IE将不再离开页面,但颜色框不起图库的作用,这意味着用户无法滚动浏览图像。
我不知道如何阻止IE关注这个链接,或者为什么它会出现在第一位。
问题是图像url上有一个itemprop="image"。不太确定为什么会导致这个问题,但删除它已经解决了这个问题。这意味着JS又回到了我原来的样子:
$('a.gallery_image').colorbox({
transition: 'fade',
opacity: 0.7,
speed: 100,
fixed: true,
rel: 'gal_img',
scalePhotos: true,
maxWidth: ($(window).width() / 100) * 85,
maxHeight: ($(window).height() / 100) * 85
});
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- jsf中两个字符串的颜色代码差异
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- jQuery动画-边框宽度和颜色
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- JS幻灯片与CSS背景颜色变化
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 使用Angular单击时更改特定图示符图标的颜色
- 如何使用D3生成特定范围内的随机颜色
- 比较javascript中的浮动并更改最高浮动的颜色
- IE上的颜色框,打开一个颜色框,然后立即跟随页面上的链接