Javascript IE上的Colorbox,打开一个Colorbox,然后立即跟随页面上的链接
我有一个画廊页面,列出了一个网格的图像。单击其中一个图像时,我希望颜色框弹出,并允许用户循环浏览图像 使用一个简单的颜色框在所有浏览器上都可以做到这一点,IE除外。即使在打开颜色框后,IE仍然会跟随链接 原代码:Javascript IE上的Colorbox,打开一个Colorbox,然后立即跟随页面上的链接,javascript,jquery,internet-explorer,colorbox,Javascript,Jquery,Internet Explorer,Colorbox,我有一个画廊页面,列出了一个网格的图像。单击其中一个图像时,我希望颜色框弹出,并允许用户循环浏览图像 使用一个简单的颜色框在所有浏览器上都可以做到这一点,IE除外。即使在打开颜色框后,IE仍然会跟随链接 原代码: $('a.gallery_image').colorbox({ transition: 'fade', opacity: 0.7, speed: 100, fixed: true, rel: 'gal_img', scalePhotos:
$('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仍然存在同样的问题。如果我取消注释返回false;。IE将不再离开页面,但colorbox不起画廊的作用,这意味着用户无法滚动浏览图像
我不知道如何阻止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
});
哪个IE版本?旧版本对于缺少逗号非常挑剔。(在maxHeight:($(window.height()/100)*85和overcyclose:false之后)从7到10,即使在我让它决定宽度时,我也遇到了同样的问题etcAlso只是尝试了逗号(不理解您第一次指出的内容),不幸的是,它没有帮助。