Noob！ jQuery双击问题并简化代码

-4

我有两个图片，底部按钮上下滑动显示一些文本包含和正在工作。Noob！ jQuery双击问题并简化代码

HTML代码：

<div class="ca-item-main span4"> 
    <div class="ca-icon"></div> 
     <a href="#" class="moreDetails">More Details</a> 
     <div class="content"> <p>Lorem Ipsum Dolor </p></div> 
</div> 
<div class="ca-item-main span4"> 
    <div class="ca-icon"></div> 
     <a href="#" class="moreDetails-2">More Details</a> 
     <div class="content-2"> <p>Lorem Ipsum Dolor </p></div> 
</div>

我与jQuery的一个小白，所以我需要一个简单的解决方案来解决两个问题：

1 - 鼠标点击的工作总是第二次。我需要双击，才能使幻灯片工作。

2 - 如何简化这个jQuery代码？

jQuery代码：

$('.moreDetails, .content').toggle(function(){ 
    $('.moreDetails, .content').animate({'bottom':0}); 
}, function(){ 
    $('.moreDetails, .content').animate({'bottom':190}); 
}); 

$('.moreDetails-2, .content-2').toggle(function(){ 
    $('.moreDetails-2, .content-2').animate({'bottom':0}); 
}, function(){ 
    $('.moreDetails-2, .content-2').animate({'bottom':190}); 
});

感谢什么好的解决办法。

来源

2013-06-24 LWR

这有点不清楚你问这里。我们可以看到围绕在那里的“包装”HTML，或者你可以在[jsFiddle]（http://jsfiddle.net/） – SpYk3HH

中重新创建它。你也可以看看[*** here ***]（http： //api.jquery.com/dblclick/#example-0） – SpYk3HH

你所有的人都反对0反馈......是啊，你是一个真正的帮助社区。你想知道为什么越来越多的人开始讨厌这个网站。如果你要否定，至少要给这个可怜的家伙一个很好的理由，或者投票结束，理由是无论如何他都会看到它。 – SpYk3HH

为什么它的工作，第二次可能是因为底部的CSS最初为0的原因，因此，你没有看到任何区别点击第一个时。但由于您没有提供js小提琴或css，它只是一个猜测。 2.）切换是不推荐使用的事件。使用。点击（）来代替，而if语句做的，检查类，例如：

$（ 'moreDetails，。内容。 '）点击（ //如果hasClass（' foobar的'） // ..。 // else // ... ）;

来源

2013-06-24 12:28:33 Alex

[.dblclick（）]（http://api.jquery.com/dblclick/） – SpYk3HH

Noob！ jQuery双击问题并简化代码

回答

相关问题