与快讯的冲突
与快讯的冲突
提问于 2013-04-30 00:26:19
我试图实现一个简单的悬停效果，所以当我悬停在每个项目上时，描述从右边滑入。
到目前为止，我已经设置了如下设置：http://jsfiddle.net/gnnSB/
在这个小提琴中，请注意，当你用鼠标悬停在它们上面时，这些描述不会滑入，但是过滤效果很好。
现在，看看这个例子：http://jsfiddle.net/gnnSB/1/
在这里，描述是滑进来的，但是过滤不起作用，因为我取出了Quicksand函数(如下所示)。
我需要这两个人一起工作。这是一场冲突，我想知道是否有人经历过类似的事情。这是一个简单的解决方案，还是我需要求助于另一个解决方案？
流沙
$(function() {
var time_effect = 400;
var effect_name = 'easeOutQuart';
$('.all').quicksand( $('.everything article'), {
duration: time_effect,
attribute: 'data-id',
easing: effect_name,
adjustHeight: 'auto',
useScaling: false
});
$('.filter-all').click(function(e) {
$('.all').quicksand( $('.everything article'), {
duration: time_effect,
attribute: 'data-id',
easing: effect_name,
adjustHeight: 'auto',
useScaling: false
});
$('.filter a').removeClass('selected');
$(this).addClass('selected');
e.preventDefault();
});
$('.filter-web').click(function(e) {
$('.all').quicksand( $('.web article'), {
duration: time_effect,
attribute: 'data-id',
easing: effect_name,
adjustHeight: 'auto',
useScaling: false
});
$('.filter a').removeClass('selected');
$(this).addClass('selected');
e.preventDefault();
});
$('.filter-print').click(function(e) {
$('.all').quicksand( $('.print article'), {
duration: time_effect,
attribute: 'data-id',
easing: effect_name,
adjustHeight: 'auto',
useScaling: false
});
$('.filter a').removeClass('selected');
$(this).addClass('selected');
e.preventDefault();
});
});悬停
$('.thumbnail').hover(function () {
$('.description', this).stop().animate({
right: 0
}, 50);
}, function () {
$('.description', this).stop().animate({
right: -280
}, 50);
});编辑:是否有一种方法来添加多个增强？我在尝试合并fancybox。
// Fancybox
var fbox = function() {
$("a.single-image").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'overlayColor' : '#000',
'overlayOpacity' : '0.6'
});
};回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-30 00:35:43
这就是你所需要的吗？编辑:重构的 琴杆
您需要为流沙添加另一个配置(enhancement)，在其中放置悬停函数：
enhancement: function() {
$('.thumbnail').hover(function () {
$('.description', this).stop().animate({
right: 0
}, 50);
}, function () {
$('.description', this).stop().animate({
right: -280
}, 50);
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16290367
复制相关文章
相似问题
腾讯云开发者
