当其他DIV悬停时,jQuery显示DIV,不起作用

时间:2013-04-02 19:43:31

标签: javascript jquery css hover hidden

我正在与一些愚蠢的问题作斗争,但我需要帮助来解决它。

我有以下html:

<div class="sekcja" id="michalm">
    <div id="michalm_opis" class="opis hidden"><b>Lorem ipsum</b><br/></div>
</div>

在以下代码的页面末尾:

<script>
$(function () {
    $("#michalm").hover(function () {
        $("#michalm_opis").removeClass("hidden");
    }, function () {
        $("#michalm_opis").addClass("hidden");
    });
});
</script>

它仍然导致(在Firebug中):

TypeError: $ is not a function
$(function(){

显然不起作用。

我试图找到解决方案,但仍然没有成功,时间也在继续。

2 个答案:

答案 0 :(得分:4)

如果您确定包含了jQuery(首先检查),您可能已将jQuery包含在兼容模式中(例如,常见于WordPress主题)。您可以使用jQuery()代替$()来解决这个问题 - 或者您可以将整个脚本包装在一个设置变量的闭包中。

jQuery(function($) {
    //...your code here
});

答案 1 :(得分:1)

在标题中加入:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>