javascript - jQuery在其他DIV悬停时显示DIV，不起作用

Question

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

我有以下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(){

而且，显然，不起作用。

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

Answer 1

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

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

Answer 2

将此包含在您的标题中：

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