简单按钮单击-显示内容问题
简单按钮单击-显示内容问题
提问于 2014-07-23 00:24:31
我知道这可能是一个非常简单的错误，但我已经花了最后一个小时在上面，我一辈子都找不出为什么它不起作用。
我想要做的是构建一个推荐信部分，用户可以：
- 单击公司徽标
- 如果存在现有的证词活动，请删除它。
- 加载以下选定的证词
我做错了什么？
小提琴：http://jsfiddle.net/rv9HF/
$('.logobuttons a').click(function() {
var link = $(this).attr('class');
$('.testimonial-content blockquote').each(function() {
if ($(this).is(':visible')) {
$(this).fadeOut(300);
}
});
$('testimonial-content ' + link).fadeIn(300);
});
<section id="testimonials">
<div class="logobuttons">
<a class="tc-1" href=""><img src="http://placehold.it/100x100"></a>
<a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
<a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
<a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
</div>
<div class="testimonial-content">
<blockquote class="tc-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</blockquote>
<blockquote class="tc-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</blockquote>
<blockquote class="tc-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</blockquote>
<blockquote class="tc-4">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</blockquote>
</div>
</section>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-23 00:30:52
您在Sizzle选择器中缺少了两个句点，这应该可以工作。
$('.logobuttons a').click(function(e) {
var link = $(this).attr('class');
$('.testimonial-content blockquote').each(function() {
if ($(this).is(':visible')) {
$(this).fadeOut(300);
}
});
$('.testimonial-content .' + link).fadeIn(300);
e.preventDefault();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24899950
复制相关文章
相似问题
腾讯云开发者
