- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
为什么 $('a.current').removeClass('current');
不适用于此 jquery 选项卡? http://jsfiddle.net/laukstein/ytnw9/8/
//full JS in http://jsfiddle.net/laukstein/ytnw9/8/
$(function(){
var list=$('#list'),
elementsPerRow=-1,
loop=true,
// find first image y-offset to find the number of images per row
topOffset=list.find('a:eq(0)').offset().top,
numTabs=list.find('li').length-1,
current,newCurrent;
function changeTab(diff){
// a.current set by jQuery Tools tab plugin
$('li.current').removeClass('current');
current=list.find('a.current').parent('li').addClass('current').index();
newCurrent=(loop)?(current+diff+numTabs+1)%(numTabs+1):current+diff;
if(loop){
if(newCurrent>numTabs){newCurrent=0;}
if(newCurrent<0){newCurrent=numTabs;}
}else{
if(newCurrent>numTabs){newCurrent=numTabs;}
if(newCurrent<0){newCurrent=0;}
}
// don't trigger change if tab hasn't changed (for non-looping mode)
if (current!=newCurrent){
list.find('li').eq(current).removeClass('current');
list.find('li').eq(newCurrent).addClass('current').find('a').trigger('click'); // trigger click on tab
}
}
list
// set up tabs
.tabs("#content",{effect:'ajax',history:true, xonBeforeClick:function(){changeTab(0)}})
// find number of images on first row
.find('a').each(function(i){
if(elementsPerRow<0&&$(this).offset().top>topOffset){
elementsPerRow=i;
}
});
//$('a').filter('.current').parent('li').addClass('current'); // Why does not work?
//$('a.current').parent('li').addClass('current'); // Why does not work?
$('ul#list li').click(function(){$('li.current').removeClass('current');$(this).addClass('current')});
$('a.current').removeClass('current'); // Why does not work?
});
HTML:
<ul id="list">
<li><a href="one.html" title="one">1</a></li>
<li><a href="two.html" title="two">2</a></li>
<li><a href="three.html" title="three">3</a></li>
</ul>
<div id="content"></div>
最佳答案
据我所知(我还没有运行您的代码的工作页面),但似乎“当前”类仅适用于“li”元素。
我认为你的 $("a.current") 将始终包含 0 个元素。
关于javascript - 为什么 $ ('a.current' ).removeClass ('current' );不管用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3890077/
siblings('.xx')有没有错误?单击时不想重复图像抱歉,我的英语太差了:( $(document).ready(function() { //$(".ok").removeClass("
我有一个具有以下样式的段落: .design_info_box p.design_info_desc { height:30px; text-overflow: ellipsis;
我现在正在执行以下操作,效果很好: $('#picker a').removeClass('selected'); 地点: Stuff Stuff Stuff Stuff 我如何更新 j
我有一个带有一些类的 div,我使用 Jquery 添加了一些 css $('.myClass').css("position","absolute"); 经过几个步骤后,我使用 myClass 删除
我正在尝试在类上启用事件监听器,但它不起作用 DOM 元素: Shop 这是 Javascript 事件监听器: 函数完成后,它会删除 .shopping,因此事件不再触发。 $('.shoppi
var increment = 0; $("#dial-save").click(function(){ $(".add-flow").html(""); $(".add-flow").append(
感谢这里的所有贡献者和 w3schools,我终于成功了。 我有 2 个菜单 - Term 和 PayTerm。 Term 始终高于 PayTerm。默认的 disabled 状态是完美的。当我点击
(function removeAnimation() { var $window = $(window), $html = $('html'); if ($window.wi
这个问题已经有答案了: How to remove CSS Class with Tampermonkey? (3 个回答) 已关闭 4 年前。 我正在尝试删除 hide来自单个div的类使用 Vio
removeClass 不会从下面的 js 中的 div.upvote 中删除类 selected,但 addClass() 可以正常工作。这是为什么? $(document).ready(funct
我正在创建一个 Accordion ,它具有过滤搜索和字母分页功能。 Accordion 由折叠的卡片组成。当用户在搜索框中键入内容时,我希望卡片打开.removeClass('collapsed')
示例代码和示例为here . $("#menus > li > ul > li > a").click(function(){ $(this).toggleClass("selected").
我的 ajax 表单提交运行良好,但我想添加一个“成功”类,以向用户指示当用户选中或取消选中某个框时请求已完成。到目前为止我已经尝试了一些方法: $(".box").change(functi
我有一些元素,例如 A 类 test 然后我尝试从元素中删除该类: $('.A').removeClass('.A'); 但它似乎不起作用,如果我只知道这个元素的一个类,如何让它起作用? 最佳答案 您
当我直接指定它时(即“ratingBlock”、“ratingBlock1”、“ratingBlock2”等),此代码片段可在添加新类之前删除现有类。但是当我在removeClass('[class
如果您单击任一图像,每个图像都会出现一个独特的模态。 我使用了一个功能,可以在您点击离开时隐藏苹果模式。 如果我单击任何 .alt-btn,如何保持苹果模式显示? $(document).on("cl
我需要你的帮助。 我无法从未选择的图像中删除事件链接。 代码如下: $(function(){ $(document).ready(function() { $(".Nav_t
我正在尝试制作自动幻灯片,但此消息不断弹出,我不明白为什么。 HTML: 'show' 和 'hide' 类分别将显示设置
我有一个 jssor 画廊,我通过添加 CSS 类“blur”对其进行了模糊处理。当用户点击 div 时,我想“取消模糊”这个画廊。为此,我添加了这个简单的 JS 代码: jQuery(doc
我可以将下面的代码重写为不那么重复的代码吗? $("#iTUNES").click(function() { createLastEdition(26); $("#Beatpo
我是一名优秀的程序员,十分优秀!