我有一个表(标准标记),每行都有一个无线电选择.一旦收音机被选中,我想强调一下.听起来很直接,但我不能让它触发.
这是标记:
表行:
<tr>
<td>some data</td>
<td>some data</td>
<td>some data</td>
<td>
<label class="label_radio"><input type="radio" name="ame" value="val" /></label>
</td>
</tr>
这是JS的相关部分:(修改标签以对单选按钮进行性别化,该位有效,位不具备):
$('.label_radio input:checked').each(function(){
$(this).parent('label').addClass('r_on');
$(this).parent('tr').addClass('.hilite'); //this line doesn't work
});
有任何想法吗？如果我没有提供足够的英特尔,请说出来,我会告诉你你需要的东西.
非常感谢提前:)
我有一个菜单,它应该作为点击菜单工作,所以当点击按钮时会出现一个菜单,当再次点击该按钮时,菜单应该消失,但我不能让它工作？
我有这个脚本
<script type="text/javascript">
$(document).ready(function() {
$('#dropdown').click(function(){
setTimeout(function(){
$('#dropdown').attr("id", "dropdown2");
$('#dropmenu').addClass("open");
//$('#dropmenu').fadeIn('fast');
},500);
})
$('#dropdown2').click(function(){
setTimeout(function(){
$('#dropdown').attr("id", "dropdown");
$('#dropmenu').removeClass("open");
//$('#dropmenu').fadeIn('fast');
},500);
})
});
</script>
它在添加类时起作用,但是当我再次单击该按钮时,它不会删除"打开"类
我正在创建一个自动提示框,其中有一个建议返回给它,我正在尝试添加/删除类"searchsuggestinnerulhighlight"到单个链接.这是动态返回的ta
<DIV id="searchsuggestinner">
<UL id=searchsuggestinnerul>
<LI>
<A href="#" id="1" class = "hoverme" onMouseDown="searchsuggestSubmit('appalachian trail');">appalachian trail</A>
</LI>
</UL>
</DIV>
这是我的jQuery:
$(".hoverme").live("mouseover mouseout", function(event) {
if ( event.type == "mouseover" ) {
$("#" + mocount).removeClass("searchsuggestinnerulhighlight");
mocount = $(this).attr('id');
$("#" + mocount).addClass("searchsuggestinnerulhighlight");
} else {
$("#" + mocount).removeClass("searchsuggestinnerulhighlight");
}
});
最初我有.css("背景颜色"......现在我已经改变它来添加类并删除类,它不起作用.任何想法？
我希望单击按钮以删除"hover-on"类,以便禁用悬停功能,但是一旦DOM加载它就会删除该类,但悬停功能仍然有效.
我使用以下代码.
//Click this
$('button').click(function() {
$('#main-div').removeClass('hover-on');
});
//Remove class to disable this hover function
$('.hover-on').hover(function() {
blah blah blah
});
我想为每个有2个以上孩子的项添加"任何东西".不幸的是我的代码不起作用,我想我必须定义(这个)并且可能使用每个,但我不知道该怎么做.
这是我的代码:
if ( jQuery('#container .document').children().size() > 2 ) {
jQuery(this).addClass("anything");
}
一个破碎的例子:
我不确定我是否正确地采用了这种方式,但我会尽力解释我正在尝试做的事情.
我有一个包含菜单的HTML页面.在该菜单中,有许多实例使用特定的CSS类.页面更改时,将通过URL传递一个值,然后使用该URL突出显示所选项目并展开子菜单.
我遇到的问题是,当我尝试使用此值在正确的点扩展列表时,我实际上无法选择并添加新的CSS类或执行其他操作.我会在下面发布一些代码,这样你就可以更好地理解我在谈论的内容,然后给出一个示例场景.
if (param != null) {
$('.menuButton')[paramvalue].addClass('on');
$('.menuButton')[paramvalue].slideDown('normal');
}
这是给出问题的javascript部分.在上面的例子中,paramvalue可以被0或1等替换.这部分到达我想要改变的特定类.我通过在HTML中添加一个id并使用以下命令检索它来检查这个:
alert($('.menuButton')[paramvalue].id);
这返回了正确的ID值.
HTML如下:
<div class="menuButton" id="2">Button 1</div>
<div class="subMenu">
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</div>
<div class="menuButton" id="3">Button 2</div>
<div class="subMenu">
<ul>
<li><a href="#">Item 2.1</a></li>
<li><a href="#">Item 2.2</a></li>
</ul>
</div>
没有CSS与id一起使用,它们主要是为了测试而添加的.如果有必要,我可以发布相关的CSS,但我认为这不是问题的一部分.
我应该提一下,使用以下作品
$('.menuButton').addClass('on');
所以也许这会缩小问题的范围.
如果您需要任何其他信息.只是问.
谢谢你的帮助.
当用户滚动时,我想在一个元素中添加一个类,比如DIV,还可以在img,h1等上添加一个类.
如何计算我的元素是否在视口中？
在伪:如果#swing已进入视口添加类'animated bounceOutLeft'(使用CSS3播放动画).动画完成后,删除类'动画bounceOutLeft'.
我只是不知道从哪里开始,除了我知道添加我想要的类的代码:
$('#star').addClass('animated bounceOutLeft');
进展编辑
感谢@Bibhas我正在尝试实现这个OnScreen 插件,我认为我已经完成了因为Dev工具说类名是,但这些类名是css3过渡,它们只是没有播放,可能是什么问题？
$(function() {
setInterval(function() {
$("#star") // get all <h2>s
.filter(":onScreen") // get only <h2>s on screen
.addClass('animated bounceOutLeft');
}, 1000) // repeat every second
})
我创建了下面的代码,它在第一次单击时通过类旋转成功旋转了箭头.
但是在第二次点击时,我希望箭头再次旋转回来.我尝试过,使用else,并在点击时删除类.但这没效果.任何建议或帮助都会很棒!
$(document).ready(function(){
$('#first').click(function(event) {
$(".content.firstArrow").addClass("rotate");
});
$('#second').click(function(event) {
$(".content.secondArrow").addClass("rotate");
});
$('#third').click(function(event) {
$(".content.thirdArrow").addClass("rotate");
});
$('#forth').click(function(event) {
$(".content.forthArrow").addClass("rotate");
});
});
我是JS的新手,我无法弄清楚如何让它工作.很感谢任何形式的帮助!所以我有一个汉堡包按钮,当点击时,通过向面板和按钮添加一个类,同时切换滑入式面板和汉堡包动画的动画.如果用户点击面板外的任何地方,我已成功添加了一个点击事件来关闭面板,但我也无法获得汉堡包按钮来删除添加的类.我希望用户同时拥有这两个选项(单击按钮或单击面板外部).
HTML:
<ul class="nav nav--right">
<li class="v-button--slide-right" id="toggle-menu">
<button class="mpp-menu-icon mpp-menu-icon--cross toggle-menu">
<span class="toggle"></span>
<span class="menu">menu</span>
</button>
</li>
</ul>
<nav id="menu--slide-right" class="nav menu--slide-right">
<ul class="main-menu">
<li><a href="/home">Home</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav><!-- end slide menu -->
JS:
jQuery(document).ready(function($) {
var openSidebar = function() {
$('.menu--slide-right').addClass('is-active');
$('.toggle-menu').addClass('is-active');
$('#toggle-menu').addClass('toggle-close');
}
var closeSidebar = function() {
$('.menu--slide-right').removeClass('is-active');
$('.toggle-menu').removeClass('is-active');
$('#toggle-menu').removeClass('toggle-close');
}
$('.toggle-menu').click(function(event) {
event.stopPropagation();
openSidebar();
});
$(document).click(function(event) {
if (!$(event.target).closest('.menu--slide-right').length) {
closeSidebar();
}
});
});
我构建了这个在stackoverflow上的答案.我想要实现的目标:
对于每一个.element在.element-wrapper添加类 .visible与延迟1000毫秒.
$('.element-wrapper').children('.element').each(function(i) {
var $item = $(this);
setTimeout(function() {
$('.element').addClass('visible');
}, 1000 * i);
});