gpt4 book ai didi

jquery - QuickSand 脚本无法在 IE 7 中正确显示

转载 作者:太空宇宙 更新时间:2023-11-04 15:54:19 25 4
gpt4 key购买 nike

我的网站上有流沙的编辑版本,它在所有浏览器或至少 chrome opera 和 firefox 上都能正确显示。但是,在 IE 上我遇到了 css 问题。当我使用静态版本时,即使在 IE 上也能正确显示 css,没有更改任何 css 只是添加了流沙效果,但它确实弄乱了显示,尽管所有动画效果都很好。请访问此网站 http://www.jonathansconstruction.com/galleryie.php流沙代码如下:

$(document).ready(function(){

var items = $('.photo_show figure'),
itemsByTags = {};

// Looping though all the li items:

items.each(function(i){
var elem = $(this),
tags = elem.data('tags').split(',');

// Adding a data-id attribute. Required by the Quicksand plugin:
elem.attr('data-id',i);

$.each(tags,function(key,value){

// Removing extra whitespace:
value = $.trim(value);

if(!(value in itemsByTags)){
// Create an empty array to hold this item:
itemsByTags[value] = [];
}

// Each item is added to one array per tag:
itemsByTags[value].push(elem);
});

});

// Creating the "Everything" option in the menu:
createList('View All',items);

// Looping though the arrays in itemsByTags:
$.each(itemsByTags,function(k,v){
createList(k,v);
});

$('#gallery_menu nav a').live('click',function(e){
var link = $(this);

link.addClass('current').siblings().removeClass('current');

// Using the Quicksand plugin to animate the li items.
// It uses data('list') defined by our createList function:

$('.photo_show').quicksand(link.data('list').find('figure'), function(){

adjustHeight = 'dynamic';
initLytebox();

});
e.preventDefault();
});

$('#gallery_menu nav a:first').click();

function createList(text,items){

// This is a helper function that takes the
// text of a menu button and array of li items

// Creating an empty unordered list:
var figure = $('<figure>',{'class':'hidden'});

$.each(items,function(){
// Creating a copy of each li item
// and adding it to the list:

$(this).clone().appendTo(figure);
});

figure.appendTo('.photo_show');

// Creating a menu item. The unordered list is added
// as a data parameter (available via .data('list'):

var a = $('<a>',{
html: text,
href:'#',
data: {list:figure}
}).appendTo('#gallery_menu nav');
}
});

请转到上面的 URL 并检查 IE 7 和其他,我还放了一个屏幕显示它在 IE 中的样子请访问这里:http://i49.tinypic.com/25tj2bl.jpg这是它在 IE7 上的显示方式,其他浏览器上的屏幕截图是关于这个问题的评论:感谢任何帮助。我是 jquery 及其插件的新手,有时语法让我感到困惑......

最佳答案

您用于正文部分行高太小,会剪掉标题部分画廊图片 .

在您的自定义中styleie.css文件更改高度值如下:

line-height:2.12em

出于某些奇怪的原因,IE 要求它比标准 CSS 文件中使用的相同值更大。如果需要,检查父元素是否影响这些子元素。

编辑: 上面的行高毕竟不需要更改。在同一行中有一个错字:

display:inline:block;

将其更改为:

display:inline-block;

关于jquery - QuickSand 脚本无法在 IE 7 中正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10780350/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com