文章/答案/技术大牛

发布

社区首页 >问答首页 >使用JQuery排除某些项目

问使用JQuery排除某些项目
EN

Stack Overflow用户

提问于 2012-10-26 01:00:51

回答 2查看 118关注 0票数 1

我有一系列触发JQuery动画的按钮，其中面板在页面底部下方滑动。这些面板绝对位于页面的下方，当一个按钮被点击时，它相应的面板就会动画显示出来。

我的HTML是：

<div id="footerNav">
<a class="button" id="b1" href="#"><span></span>Upcoming Events</a>
<a class="button" id="b2" href="#"><span></span>From the Blog</a>
<a class="button" id="b3" href="#"><span></span>Global Leaders</a>
<a class="button" id="b4" href="#">Watch Video</a>
</div>

<div id="paneb1" class="pane"></div>
<div id="paneb2" class="pane"></div>
<div id="paneb3" class="pane"></div>

我的Jquery是：

$("a.button").toggle(function(){
     idClick = $(this).attr("id");
     newSelector = $("#pane"+idClick);
     newSelector.animate({ 'bottom' : 99});
     $(this).addClass("activeBtn");
}, function(){
     newSelector.animate({ 'bottom' : -275});
     $(this).removeClass("activeBtn");
});

我试着像这样使用not选择器，但它不起作用：

$(".pane:not(newSelector)").animate({ 'bottom' : -275});

当一个按钮被切换时，我需要在这里做什么才能使任何其他的面板动画回到它的原始位置？

jquery-animate

toggle

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-10-26 01:02:57

$(".pane").not(newSelector).animate({ bottom : -275 });

注意，最好使用局部变量，而不是全局变量，因此在定义新变量时，请考虑使用var关键字：

var newSelector = $("#pane" + idClick);

票数 1

Stack Overflow用户

发布于 2012-10-26 01:03:34

尝试：

$(".pane").not(newSelector).animate({ 'bottom' : -275});

由于您的版本没有对您创建的javascript变量的引用，因此它正在寻找一个名为'newSelector‘的选择器。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13073606

复制

相似问题

问使用JQuery排除某些项目
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用JQuery排除某些项目EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用JQuery排除某些项目
EN