- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我的网站上有流沙的编辑版本,它在所有浏览器或至少 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/
我花了很长时间弄清楚如何获得 quicksand使用选择和选项表单而不是 href 链接。现在我有一个问题,因为动画是卡顿的。我不能让它顺利。它开始时很好,然后突然回到左边。可以看一个在线例子: ht
我遇到了与此类似的问题... CSS bubbling while using jQuery Quicksand .当我点击过滤器时, 获得一个绝对位置和一个 top: 206 并在转换完成后滑回 0
我正在使用 jQuery 的流沙插件对单个元素列表进行排序。排序工作正常,但当流沙将排序后的元素移动到新位置时,排序就完全错误了。 Site Link 例如,如果您点击“战斗”,您会看到3 张图片在左
请在此处查看工作演示: jQuery Quicksand demo 文件来源可以从here.下载。 按以下方式对数据进行排序: A B C D E F G H I J K L
我正在使用 jquery fastsand,我想知道如何返回到列表已预先排序的页面。我对 javascript 不太了解,因此我们将不胜感激。 编辑 找到了类似过滤器的解决方案 http://save
我现在正在使用 QuickSand,但我无法执行某些操作。我想创建包含 3 个类别的小型画廊,例如:所有、公共(public)汽车、汽车。如果我通过默认设置使用 QuickSand 执行此操作,则会出
我正在尝试使用 quicksand.js 过滤数据集合。但是,我在显示数据时遇到问题。我已经能够让数据消失。然而,它不会再次出现。我创建了一个jsfiddle,可用here 。基本上,我的 JavaS
我正在尝试将可过滤的流沙组合与 Wordpress 网站中的分页相结合。我搜索了很多,有一些使用标准 Wordpress 分页的示例,但这些示例加载另一个分页 url 并对投资组合项目执行新查询。流沙
我正在尝试使用jQuery Quicksand从一组选项中过滤多个项目列表。 正如文档所建议的,我的插件功能基于一个简单的类(而不是 id)。这是我的 JS 代码: $(function() { //
演示看起来很简单,当我单击按钮时它只会动画一次。问题是:如何再次将“destination”更改为“source”?(它应该有两组项目) Javascript: $('#source').quicks
所以我的 jQuery Captify(图像翻转的标题)和 Quicksand(图像过滤系统)不能很好地协同工作。当页面加载时,当我将鼠标悬停在图像上时,我的 Captify 工作正常,但是当我单击一
我正在使用流沙,但我想在由 Quicksand jquery 过滤的元素内添加悬停效果。 (function ($) { var $itemsHolder = $('ul.proyectost
基本上......让这个工作...... JSFiddle! 我正在尝试使用 jQuery 插件来过滤 3 个 UL 中的项目。 (每个 将有无限数量的列表项。) 我正在使用的插件位于下面的链接 (
当我点击过滤器时,li 在过渡到过滤器之前得到一个左侧重叠位置。我测试了以前的问题和答案,但没有解决问题。 ul 不使用绝对位置,li 类保留 float 。 这是html
我正在使用“Quicksand”字体设计网站。这种字体已经安装在我的 Macbook 上,但有谁知道这是否也是 Windows 机器上的默认字体?或者将它包含在我的 CSS 文件中会更安全吗? 非常感
我想要一个像《流沙》那样的动画 Quicksand animation example 我不想使用流沙,因为我的设置非常不同,它使一切变得复杂。 因此,如果您能够向我提示该动画的工作原理以及如何实现这
我一直在尝试使用 Bootstrap Modal 功能和流沙排序插件制作灯箱作品集。我原来关注了this tutorial我不得不稍微努力一下才能在 Bootstrap 3.0.0(我正在使用的版本)
我的网站上有流沙的编辑版本,它在所有浏览器或至少 chrome opera 和 firefox 上都能正确显示。但是,在 IE 上我遇到了 css 问题。当我使用静态版本时,即使在 IE 上也能正确显
我正在使用 jQuery Quicksand 创建一个可过滤的文章组合: http://davekiss.com/new/ 问题是,当点击边栏段落中的过滤器(视频、网站、动态图形)时,CSS 在被过滤
我在将 Quicksand 过滤集成到我的元素列表时遇到了一些问题,不确定是 js 还是 css 问题。 这是集成了 Quicksand 过滤的页面的 URL: http://yarday.com/p
我是一名优秀的程序员,十分优秀!