这应该是如此简单,但它对我不起作用.我想说:
如果这不具有"当前"类并且如果身体类不等于"家",那么这样做....
这是我正在尝试(除其他外)无济于事.只有第一个条件才有效.
$(".nav1 > ul > li").mouseleave(function() {
if ( (!$(this).hasClass("current")) || (!$(body).hasClass("home")) ){
$(this).find(".nav-overlay").show();
}
});
我究竟做错了什么？谢谢!
更新清晰度:
我只想在满足以下条件时显示".nav-overlay":
我试图在每个列表项后添加一个反斜杠,但我无法让它工作.如果我使用管道或正斜杠,但不是反斜杠,它可以工作.我搜索了要使用的字符实体代码,但我找不到一个反斜杠.有解决方案吗？
#navigation ul.nav > li:after{
content: " \ ";
}
谢谢!
我有一个最初全部大写的字符串，我希望它是标题大小写：
这是我的弦 为什么我要大喊大叫？
我希望它是：
这是我的绳子 为什么我要大喊大叫？
当字母最初是大写时，我不能使用 css text-transform:capitalize。所以我知道我必须使用JS。我试过这个，它有效，但我不确定它是否非常有效：
$('.location').each(function () {
var upper = $(this).html();
var lower = upper.toLowerCase();
$(this).replaceWith(lower);
});
现在我的字母实际上是小写的，我使用 CSS text-transform:capitalize。
有没有更有效的方法来做到这一点？（我已经在网站上使用了 jQuery，所以这就是我在上面使用它的原因。）
谢谢！
我知道如何检查一个元素是否包含某些文本,但我需要确定一个类是否有某些文本.我有几个页面,正文将有一个类,如:
<body class="high-school-region-1">
<body class="middle-school-region-1">
<body class="elementary-school-region-1">
所以我需要定位包含短语"region-1"的所有类.像这样的东西:
if ($('body').hasClass('region-1')) { // do this }
但是,而不是hasClass,它更像是"classContains" - 我知道这不是一个真实的东西,但是......有没有办法做到这一点？
还是更好的方法？我真的没有一种简单的方法可以在每个页面上将"region-1"作为自己的类注入,所以看起来这就是要走的路.
谢谢你的帮助!
我有一个带有 3 个选择框的表单。每个选择框都有相同的选项。我想要求您必须为每个选择框选择不同的选项。例如，假设选项是“猫”、“狗”和“鸟”。如果有人在第一个选择框中选择“鸟”，我想从其他两个框中禁用或隐藏该选项。如果他们更改了他们的选择，那么“鸟”将再次启用或取消隐藏。
<select id="box1">
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird</option>
</select>
<select id="box2">
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird</option>
</select>
<select id="box3">
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird</option>
</select>
我假设我可以用 jquery onchange 做到这一点，但我不确定如何要求跨不同选择框的唯一选择。
$('select').on('change', function() {
// If option is selected, disable it in all other select boxes. If option is deselected, reenable it in all other select boxes.
})
谢谢你的帮助！
我正在使用带有手动控件的flexslider,并且它正常工作.但是,当您将鼠标悬停在控件上时,我需要它们来更改幻灯片,而不是单击控件.这可能吗？我查看了js文件,找不到要更改的单击函数.
这是flexslider js:https://raw.github.com/woothemes/FlexSlider/master/jquery.flexslider.js
这是我的代码:
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
directionNav: true,
controlsContainer: "header#site",
manualControls: ".nav1 li"
});
});
HTML是(简化)这个:
<header id="site">
<ul class="nav1">
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
<div class="flexslider">
<ul class="slides">
<li>Image 1</li>
<li>Image 2</li>
<li>Image 3</li>
</ul>
</div>
</header>
我不确定为什么这不起作用.我正在尝试更改元素的:after规则:last-child,但它忽略了:last-child:after.
HTML:
<section id="timeline">
<article></article>
<article></article>
<article></article>
</section>
CSS:
#timeline article:after {
content: '';
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 1px;
background: #222;
z-index:1;
}
#timeline article:last-child:after {background:none!important}
演示:https://jsfiddle.net/cd8g2hs0/4/
我已经找到了关于这个问题的其他问题,看起来我正确地做到了.但显然我不是!