Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
接下来,切换jquery。第一个函数正在执行,而第二个函数没有执行,默认情况下,它在执行时没有任何单击_Jquery_Html - Fatal编程技术网

接下来,切换jquery。第一个函数正在执行,而第二个函数没有执行,默认情况下,它在执行时没有任何单击

接下来,切换jquery。第一个函数正在执行,而第二个函数没有执行,默认情况下,它在执行时没有任何单击,jquery,html,Jquery,Html,为什么我的代码在我的系统上不起作用 虽然我已经包括了切换,但它在文档加载时消失 这是我的JS代码 $(document).ready( function() { $('.menu-content').hide(); $('..menu-head').toggle( function() { $(this).next('.menu-content').fadeIn

为什么我的代码在我的系统上不起作用

虽然我已经包括了切换,但它在文档加载时消失

这是我的JS代码

$(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();
        });

});