标签: addclass
jQuery addClass无法正常工作
我正在尝试使用addClass在我的Joomla模板上给我斑马条纹表.我使用以下代码:
<script>
jQuery(function($) {
$("tr:odd").addClass("odd");
});
</script>
我已经能够使用tr:odd选择器动态地将css添加到表行,但是当我使用addClass函数时它只是不行(我检查了生成的源代码,并且没有表行具有"奇数"类) .
不知道我可能做错了什么,会感激任何帮助.
推荐指数
解决办法
查看次数
如果是hasClass,那么addClass到parent
原帖: 为什么这个简单的脚本不起作用？
if ($('#navigation > ul > li > ul > li > a').hasClass('.active')) {
$(this).parent().parent().parent().addClass(".active");
}
编辑:
这不会隐藏H1:
if ($('#content h1').hasClass('aktiv')) {
$(this).hide();
}
只有这样:
if ($('#content h1').hasClass('aktiv')) {
$('#content h1').hide();
}
为什么我不能使用(这个)？
推荐指数
解决办法
查看次数
jQuery .clone .insertAfter带有新ID
如何克隆DIV,在div之后追加它并给它一个新的标识符？
我有一个类的DIV reflection,我想要这个DIV的每个实例,克隆,并插入原始的,但与类reflected(没有类,reflection)我怎么能用jQuery完成这个？
这是我当前的小提琴,但它不能正常... http://jsfiddle.net/yUgn9/
推荐指数
解决办法
查看次数
jQuery addClass使窗口在Android和iPhone上滚动回顶部
我正在一个页面上,在底部有一个元素,通过点击它激活.然后该元素(立即)在高处扩展以显示其内容.这是通过向该元素添加一个带有jQuery的类(".active")来完成的.
.active确实添加的东西是一个显示块,有些高度.但是每次点击它时,浏览器都会跳回到顶部.如果我在javascript中注释掉addClass部分,它表现正常.
只是为了抬头,锚标签没有"href =#".
推荐指数
解决办法
查看次数
jquery addclass 到 body 标签
以下脚本在 div 中，这有关系吗？因为它不起作用。语法正确吗？我是否需要先告诉 jquery 在 DOM 中上升一个级别？我该怎么做？
$(document).ready(function() {
$('body').addClass('diary');
});
谢谢你们。
这是 HTML 中的相关部分：
<body>
<header>
<div class="logo">
<a href=""></a>
</div>
<nav class="main-nav">
<a class="first" href="http://www.adrianwaddingham.com">HOME</a>
<a class="second" href="/sheriff">SHERIFF</a>
<a class="third" href="/biography">BIOGRAPHY</a>
<a class="fourth" href="/contact">CONTACT</a>
<a class="fifth" href="/diary">DIARY</a>
</nav>
</header>
<script>
$(document).ready(function() {
$('body').addClass('diary');
});
</script>
<section class="copy-main">
<article>
推荐指数
解决办法
查看次数
jQuery .addclass到多个div
我正在尝试将我之前定义的类".lightGray"应用于div 4,5,7和当前版本.不确定我做错了什么!
$("#Div8").click(function(){$("#Div4", "#Div5","#Div7","#Div8").addclass(".lightGray");});
推荐指数
解决办法
查看次数
第二次单击时添加addClass
这是我想到的行为:假设你有一个方格.<div class="square"></div>
在第一次单击时,添加类"one":
$(".square").click(function(){
addClass("one");
})
它的工作原理.
然后在第二次单击时,添加类"two".不知道如何实现这一目标.我试过以下:
$(".square.one").click(function(){
$(".square.one").addClass("two");
});
和
$(".square").hasClass("one").click(function(){
this.addClass("two");
})
但都不起作用.请帮忙.
推荐指数
解决办法
查看次数
jQuery addClass不动态应用样式
我正在尝试动态地将样式应用到我页面中的几个下拉列表中.使用jQuery addClass确实将类添加到所有"选择"元素,因为我可以从我的Chrome控制台中看到这一点.但是样式不适用于元素.
现在,如果我单独手动将类添加到每个select元素,然后保存页面并刷新它,则样式将应用于元素.
知道为什么样式不适用于jquery类注入吗？
$("select").addClass("select js-select");
推荐指数
解决办法
查看次数
使用jQuery删除并向按钮添加类,添加的新类将无法使用它的单击功能
我有2个按钮,单击一个将交换两个按钮的类.
课程是selected和unselected.
我的CodePen:http://codepen.io/leongaban/pen/iLBvs
例如:单击Login按钮将删除它的未选择的类并为其指定选定的类,并为Register按钮提供未选择的类.
现在的问题是该register_unselected课程不起作用.这些unselected类是我的jQuery 中有单击操作的类.
我应该能够一直点击灰色按钮并将其变为蓝色.但是,在单击第一个灰色按钮(登录)后,新的灰色按钮寄存器不起作用.
使用Chrome的检查器,我可以清楚地看到我的register_unselected类已被添加,但点击功能不起作用.
有任何想法吗？你会怎么做？
// Login Tab (default : first)
$(".login_unselected").click(function(){
console.log('clicked login');
// Show Login Tab as selected
$(this)
.removeClass('login_unselected')
.addClass('login_selected');
// Show Register Tab as unselected
$(this).parent().find('#tab_register')
.removeClass('register_selected')
.addClass('register_unselected');
});
// Register Tab
$(".register_unselected").click(function(){
console.log('clicked register');
// Show Login Tab as selected
$(this)
.removeClass('register_unselected')
.addClass('register_selected');
// Show Register Tab as unselected
$(this).parent().find('#tab_login')
.removeClass('login_selected')
.addClass('login_unselected');
});
推荐指数
解决办法
查看次数
动画结束后,ngAnimate,addClass回调不会运行
我不明白为什么回调被立即调用,没有任何延迟,我已经阅读了文档,它说它解析css以检索转换持续时间.
但它似乎不起作用,这是我的代码:
这是我的幻灯片指令:
'use strict'
class SlideController
constructor: ($log, $scope) ->
console.log 'controller init.'
class Slide
constructor: ($log,$animate) ->
link = (scope, element, attrs) =>
scope.$watch 'slide.animation', (newValue,oldValue)->
$animate.addClass element,'enter-right',()->
console.log 'Animation ended!'
return {
link
controller: ['$log', '$scope', SlideController]
replace: true
restrict: 'E'
scope:
slide: '='
templateUrl: '/views/directives/postSlide.html'
transclude: true
}
angular.module('app').directive 'postSlide', ['$log','$animate', Slide]
这是我的css:
.post-slide.enter-left, .post-slide.leave-left, .post-slide.enter-right, .post-slide.leave-right{
position:absolute;
left:0px;
top:0px;
}
/**
Enter/leave right
**/
.post-slide.enter-right {
-webkit-animation:0.5s enter-right;
animation:0.5s enter-right;
z-index:100;
background-color:darkgreen;
}
.post-slide.leave-right { …推荐指数
解决办法
查看次数
标签 统计
addclass ×10
jquery ×9
css ×3
javascript ×3
android ×1
angularjs ×1
callback ×1
click ×1
clone ×1
function ×1
insertafter ×1
iphone ×1
ng-animate ×1
removeclass ×1