Can'；无法让jQuery脚本工作_Jquery

Can'；无法让jQuery脚本工作

jquery

Can'；无法让jQuery脚本工作,jquery,Jquery,我正在看一个应该可以工作的Jquery脚本，我有但我无法在浏览器中使用它：Chrome和IE 我需要什么才能让它工作加载页面时，将打开下拉菜单谢谢 //单击并按住事件侦听器 $（函数（）{ 变量超时\u id=0，保持时间=1000，按住菜单=$（'.按住菜单'）， hold_触发器=$（'.hold_触发器'）；按住菜单。隐藏（）；按住触发器。鼠标向下（函数（）{ timeout\u id=setTimeout（菜单切换、保持时间）； }).bind（'mouseup mous

我正在看一个应该可以工作的Jquery脚本，我有

但我无法在浏览器中使用它：Chrome和IE

我需要什么才能让它工作

加载页面时，将打开下拉菜单

谢谢

//单击并按住事件侦听器
$（函数（）{
变量超时\u id=0，
保持时间=1000，
按住菜单=$（'.按住菜单'），
hold_触发器=$（'.hold_触发器'）；
按住菜单。隐藏（）；
按住触发器。鼠标向下（函数（）{
timeout\u id=setTimeout（菜单切换、保持时间）；
}).bind（'mouseup mouseleave'，function（）{
clearTimeout（超时\u id）；
});
功能菜单_切换（）{
按住菜单。切换（）；
}
})

ul.hold\u菜单{
列表样式：无；
}
ul.保持菜单a，
div.hold_触发器{
显示：内联块；
填充：5px15px；
边框：1px实心#ccc；
宽度：300px；
}
ul.hold_菜单a：链接，
ul.hold_菜单a：已访问{
颜色：黑色；
文字装饰：无；
}
ul.保持菜单a：激活，
ul.hold_菜单a：悬停{
背景：水；
文字装饰：无；
}
div.hold_触发器{
颜色：黑色；
光标：指针；
}
div.hold_触发器：悬停{
背景：#ccc；
}


单击并按住可切换菜单

加载JQuery文件

JS代码找不到任何元素，因为JS代码将在加载其他元素之前执行

因此，请写：

$(document).ready (function () {
    //Your JS code here
});

JS代码可以找到加载后定义的所有元素

加载JQuery文件

JS代码找不到任何元素，因为JS代码将在加载其他元素之前执行

因此，请写：

$(document).ready (function () {
    //Your JS code here
});

JS代码可以找到加载后定义的所有元素。

似乎没有包含Jquery。。检查我的代码

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    </head>



    <style>

        ul.hold_menu {
            list-style: none;
        }

        ul.hold_menu a, div.hold_trigger  {
            display: inline-block;
            padding: 5px 15px;
            border: 1px solid #ccc;
            width: 300px;
        }

        ul.hold_menu a:link, ul.hold_menu a:visited {
            color: black;
            text-decoration: none;
        }

        ul.hold_menu a:active, ul.hold_menu a:hover {
            background: aqua;
            text-decoration: none;
        }

        div.hold_trigger {
            color: black;
            cursor: pointer;
        }

        div.hold_trigger:hover {
            background: #ccc;
        }

    </style>

    <div class="hold_trigger">click and hold to toggle menu</div>
    <ul class="hold_menu">
        <li><a target="_blank" href="http://facebook.com">Fbook</a></li>
        <li><a target="_blank" href="http://twitter.com">Twitter</a></li>
        <li><a target="_blank" href="http://yahoo.com">Yahoo</a></li>
    </ul>
<script>
    // click and hold event listener
    $(function() {
        var timeout_id = 0,
        hold_time = 1000,
        hold_menu = $('.hold_menu'),
        hold_trigger = $('.hold_trigger');

        hold_menu.hide();

        hold_trigger.mousedown(function() {
            timeout_id = setTimeout(menu_toggle, hold_time);
        }).bind('mouseup mouseleave', function() {
            clearTimeout(timeout_id);
        });

        function menu_toggle() {
            hold_menu.toggle();
        }

    })
</script>
</html>


保持菜单{
列表样式：无；
}
ul.hold_菜单a，div.hold_触发器{
显示：内联块；
填充：5px15px；
边框：1px实心#ccc；
宽度：300px；
}
ul.hold_菜单a:链接，ul.hold_菜单a:已访问{
颜色：黑色；
文字装饰：无；
}
ul.hold_菜单a:激活，ul.hold_菜单a:悬停{
背景：水；
文字装饰：无；
}
div.hold_触发器{
颜色：黑色；
光标：指针；
}
div.hold_触发器：悬停{
背景：#ccc；
}
单击并按住可切换菜单





//单击并按住事件侦听器
$（函数（）{
变量超时\u id=0，
保持时间=1000，
按住菜单=$（'.按住菜单'），
hold_触发器=$（'.hold_触发器'）；
按住菜单。隐藏（）；
按住触发器。鼠标向下（函数（）{
timeout\u id=setTimeout（菜单切换、保持时间）；
}).bind（'mouseup mouseleave'，function（）{
clearTimeout（超时\u id）；
});
功能菜单_切换（）{
按住菜单。切换（）；
}
})

似乎您还没有包括Jquery。。检查我的代码

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    </head>



    <style>

        ul.hold_menu {
            list-style: none;
        }

        ul.hold_menu a, div.hold_trigger  {
            display: inline-block;
            padding: 5px 15px;
            border: 1px solid #ccc;
            width: 300px;
        }

        ul.hold_menu a:link, ul.hold_menu a:visited {
            color: black;
            text-decoration: none;
        }

        ul.hold_menu a:active, ul.hold_menu a:hover {
            background: aqua;
            text-decoration: none;
        }

        div.hold_trigger {
            color: black;
            cursor: pointer;
        }

        div.hold_trigger:hover {
            background: #ccc;
        }

    </style>

    <div class="hold_trigger">click and hold to toggle menu</div>
    <ul class="hold_menu">
        <li><a target="_blank" href="http://facebook.com">Fbook</a></li>
        <li><a target="_blank" href="http://twitter.com">Twitter</a></li>
        <li><a target="_blank" href="http://yahoo.com">Yahoo</a></li>
    </ul>
<script>
    // click and hold event listener
    $(function() {
        var timeout_id = 0,
        hold_time = 1000,
        hold_menu = $('.hold_menu'),
        hold_trigger = $('.hold_trigger');

        hold_menu.hide();

        hold_trigger.mousedown(function() {
            timeout_id = setTimeout(menu_toggle, hold_time);
        }).bind('mouseup mouseleave', function() {
            clearTimeout(timeout_id);
        });

        function menu_toggle() {
            hold_menu.toggle();
        }

    })
</script>
</html>


保持菜单{
列表样式：无；
}
ul.hold_菜单a，div.hold_触发器{
显示：内联块；
填充：5px15px；
边框：1px实心#ccc；
宽度：300px；
}
ul.hold_菜单a:链接，ul.hold_菜单a:已访问{
颜色：黑色；
文字装饰：无；
}
ul.hold_菜单a:激活，ul.hold_菜单a:悬停{
背景：水；
文字装饰：无；
}
div.hold_触发器{
颜色：黑色；
光标：指针；
}
div.hold_触发器：悬停{
背景：#ccc；
}
单击并按住可切换菜单





//单击并按住事件侦听器
$（函数（）{
变量超时\u id=0，
保持时间=1000，
按住菜单=$（'.按住菜单'），
hold_触发器=$（'.hold_触发器'）；
按住菜单。隐藏（）；
按住触发器。鼠标向下（函数（）{
timeout\u id=setTimeout（菜单切换、保持时间）；
}).bind（'mouseup mouseleave'，function（）{
clearTimeout（超时\u id）；
});
功能菜单_切换（）{
按住菜单。切换（）；
}
})

是否包含

.js

文件？是否包含

.js

文件？