我正在寻求一些帮助来实现以下目标:
文件准备好了..
从DOM中找到并隐藏指定的div,当它的faded/display设置为'none'时,添加一个'img2'类.将类附加到初始选择器后,将div淡入.(显示:块)
如何按指定顺序链接以下方法？
目前,任何'addClass'方法都是在DOM准备就绪而不是在链接事件之后立即启动的.
/*
select div,
wait 2 secs.,
fade out for 1,
add class 'img2' (which changes background-image property / style),
re-display (display:block) selected element. (#bg-img).
*/
$('#bg-img').delay(2000).fadeOut(1000).addClass('img2');
我尝试抓住url路径,然后在li示例中添加活动类:www.mysite.com/？p = xxxx
x将根据用户点击的链接而改变
我试过这个:
<ul class="top_menu">
<li class="tider"><a href="/?p=1884">Åbningstider</a></li>
<li class="butikker"><a href="/?p=1885">Butikker</a></li>
<li class="sker"><a href="/?p=1886">Det sker</a></li>
<li class="nyhedsbrev"><a href="/?p=1887">Nyhedsbrev</a></li>
<li class="vej"><a href="/?p=1888">Find vej</a></li>
</ul>
var text = window.location.href.match(/http:\/\/www\.mysite\.com\/(.+)/)[1].replace(/_/g,' ');
$("#nav li").filter(function() {
return $.text([this]) == text;
}).addClass("active");
但没有任何反应.我做错了什么？
我有一个相当简单的脚本,我希望在jQuery加载时div消失,添加一个"触发器"元素,我可以单击该元素以便div再次出现.然后更改"触发器"的类,当我再次单击时,div应该再次消失..不幸的是,脚本工作正常,直到"触发器"类被更改,如果我再次单击它没有任何反应.
问题解决了
这是工作 JS:
$(document).ready(function () {
if ($('#Bestellungen #Offene .products')) {
$('#Bestellungen #Offene .products').hide();
$('#Bestellungen #Offene .products').before('<div class="trigger"></div>');
$('#Bestellungen #Offene').on('click', '.trigger', function () {
$(this).addClass('minus').next().show();
});
$('#Bestellungen #Offene').on('click', '.trigger.minus', function () {
$(this).removeClass('minus').next().hide();
});
}
});
在这里HTML:
<div id="Bestellungen">
<div id="Offene">
<table>
<tr>
<td>
<div class="products">blablabla</div>
<td>
</tr>
</table>
</div>
我正在尝试在单击元素时添加类,然后我想使用该类元素执行某些操作(例如警报)
但是当我在click函数之外使用一个新类时它看起来不起作用,这里:
<script type="text/javascript">
$(document).ready(function(){
$(".notactive").click(function() {
$(this).addClass("active");
});
$(".active").hover(function(){
alert("Hello");
});
});
</script>
现在,如果我把它放在click函数中,它可以工作,这里:
<script type="text/javascript">
$(document).ready(function(){
$(".notactive").click(function() {
$(this).addClass("active");
$(".active").hover(function(){
alert("Hello");
});
});
});
</script>
当它在函数之外时如何使用它？
这是我正在尝试的:当我点击一个带有类.main的元素时,该类被重新分配给下一个元素.单击下一个元素(新的.main元素)时,.main将重新分配给下一个元素,依此类推.这是我的代码:
$('.main').click(function() {
$(this).removeClass("main").addClass("other");
$(this).next().removeClass("other").addClass("main");
});
当我单击原始.main元素时,将传输该类.但是,单击新的.main元素不会再次触发该事件.是什么导致这个？我完全是错误的做法吗？
这是一个小提琴:
这是一个简单的"addClass"函数,我正在尝试,但它不起作用.坐在代码中的某处应该是一件简单的事))).文本应该根据用户在radioGroup1中的选择改变颜色http://jsfiddle.net/PatrickObrian/gdb5t/
HTML
<div class="test">Information that I want to be coloured</div>
<div>
<label><input type="radio" id="A" name="RadioGroup1" value="Y">Yes</label>
<br>
<label><input type="radio" id="B" name="RadioGroup1" value="N">No</label>
</div>
JS
<script>
$('input[type=radio][name=RadioGroup1]').change(function(){
if (this.value == 'Y') {
$('.test').addClass("classGreen");
}
else if (this.value == 'N') {
$('.test').addClass("classRed");
}
}
</script>
CSS
.classGreen {color: green}
.test {font-size:24px}
.classRed {color: red}
提前致谢!
我有这个:
<div class="mycontainer active">
<a href="#" class="mylink">link</a>
</div>
<div class="mycontainer">
<a href="#" class="mylink">link</a>
</div>
当我点击其中的链接时,我想将活动类"移动"到第二个容器.
我尝试使用以下jQuery:
$('.mycontainer .mylink').on('click', function(){
$(".active").removeClass('active');
$(this).parent().find(".mycontainer").addClass('active');
});
但这不起作用,实际上我不太了解Javascript/jQuery,我做错了什么？任何形式的帮助表示赞赏,谢谢.
尝试将类添加到父div（<div class="widget-content">如果.widget-content li a具有特定的类）.ifthis。
HTML：
<div class="widget-content">
<ul>
<li><a href="https://twitter.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>
<li><a href="https://www.facebook.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>
</ul>
</div>
我已经试过了：
$('.widget-content li a').has('.ifthis').parent('.widget-content').addClass('social-sidebar');
但没有工作，看到这个例子小提琴。
添加和删除类的最佳方法是什么，来回单击按钮？
$('button.hamburger').on('click', function(){
$(this).addClass('is-active');
});
$('button.is-active').on('click', function(){
$('button.is-active').removeClass('is-active');
});
它不会删除 .is-active 类。
我是否需要 if 语句来检查元素是否为 .hasClass()？
我有多个div,鼠标点击后添加一个类.
在第二次单击该项目时,删除该特定div上添加的类的适当方法是什么.我无法删除课程.
jQuery('.icon-box').on('click', function() {
var isActive = false;
jQuery(this).addClass('clicked');
if (jQuery(this).hasClass('clicked')) {
var isActive = true;
}
if ( isActive ) {
jQuery(this).removeClass('clicked');
}
});
感谢您的反馈.