接下来,切换jquery。第一个函数正在执行,而第二个函数没有执行,默认情况下,它在执行时没有任何单击
为什么我的代码在我的系统上不起作用 虽然我已经包括了切换,但它在文档加载时消失 这是我的JS代码接下来,切换jquery。第一个函数正在执行,而第二个函数没有执行,默认情况下,它在执行时没有任何单击,jquery,html,Jquery,Html,为什么我的代码在我的系统上不起作用 虽然我已经包括了切换,但它在文档加载时消失 这是我的JS代码 $(document).ready( function() { $('.menu-content').hide(); $('..menu-head').toggle( function() { $(this).next('.menu-content').fadeIn
$(document).ready(
function() {
$('.menu-content').hide();
$('..menu-head').toggle(
function() {
$(this).next('.menu-content').fadeIn();
},
function() {
$(this).next('.menu-content').fadeOut();
});
}); // end ready
这是我的HTML
<div class="menu-region">
<div class="menu-head"><h4>Keyword</h4><i class="icon-join"></i></div>
<div class="menu-content"><p>djakhskdjasdkjasdkjabsndkjabsdjhabsdjkhas</p></div>
<div class="menu-head"><h4>Company </h4><i class="icon-join"></i></div>
<div class="menu-content"><p>djakhskdjasdkjasdkjabsndkjabsdjhabsdjkhas</p></div>
<div class="menu-head"><h4>Job title</h4><i class="icon-join"></i></div>
<div class="menu-content"><p>djakhskdjasdkjasdkjabsndkjabsdjhabsdjkhas</p></div>
<div class="menu-head"><h4>Education</h4><i class="icon-join"></i></div>
<div class="menu-content"><p>djakhskdjasdkjasdkjabsndkjabsdjhabsdjkhas</p></div>
<div class="menu-head last"><h4>Location</h4><i class="icon-join"></i></div>
<div class="menu-content"><p>djakhskdjasdkjasdkjabsndkjabsdjhabsdjkhas</p></div>
</div>
</div>
关键词
贾克斯·贾斯德贾斯德贾斯德贾斯德贾斯德贾布斯
单位
贾克斯·贾斯德贾斯德贾斯德贾斯德贾斯德贾布斯
职位名称
贾克斯·贾斯德贾斯德贾斯德贾斯德贾斯德贾布斯
教育类
贾克斯·贾斯德贾斯德贾斯德贾斯德贾斯德贾布斯
位置
贾克斯·贾斯德贾斯德贾斯德贾斯德贾斯德贾布斯
我不确定,因为您的代码中有语法错误。您使用了“.menu head”而不是“.menu head”
试试这个…我不知道你在问什么。类选择器中有一个语法错误
$(document).ready(function(){
$('.menu-content').hide();
$('.menu-head').toggle(
function () {
$(this).next('.menu-content').fadeIn();
},
function () {
$(this).next('.menu-content').fadeOut();
});
});
.menu-head
这不应该只是一个。menu-head
?在jQuery 1.9中也被删除了。@Aravona是的,我纠正了这个问题,尽管我面临着同样的问题:(@FrédéricHamidi ohh现在我知道了,我当时使用的是旧版本,这就是为什么它工作得很好,但现在我使用的是letest jquery…:P ohh fine fine fine得到了答案…)
$(document).ready(function(){
$('.menu-content').hide();
$('.menu-head').toggle(
function () {
$(this).next('.menu-content').fadeIn();
},
function () {
$(this).next('.menu-content').fadeOut();
});
});