JQuery On方法不'；行不通

我在Firefox中遇到了这个错误：TypeError:$（“#main CNTR”）。on不是一个函数。 这个代码根本不起作用：

$(document).ready(function(){
    $('#main-CNTR').on('mouseenter','.social_span',function(){
        alert("INSIDE");
    });
    $('#main-CNTR').on('mouseleave','.social_span',function(){
        alert("OUTSIDE");
    });
});

HTML部分如下所示

    <span class="social_span"></span>
    <div class="row clearfix" style="display:none;">
        <ul class="social-buttons cf">
            <li>1</li>                                    
        </ul>
    </div>

有人能帮我吗？谢谢

    <script type="text/javascript" src="/js/libs/modernizr-2.5.3.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/engine/core8.js"></script>
    <script type="text/javascript" src="/js/jQuery/engine/ui.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.tools.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.easing.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.lavalamp.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.li-scroller.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.reflection.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.selectbox.js"></script>

---

jQuery 1.7中添加了

.on（）

函数，因此您需要确保使用的是该版本或更高版本才能使用

.on（）

。从您得到的错误看来并非如此。

jQuery 1.7中添加了

.on（）

函数，因此您需要确保使用的是该版本或更高版本才能使用

.on（）

。从您得到的错误来看，情况似乎并非如此。

在jQuery 1.8.0中似乎可以正常工作：

---

在jQuery 1.8.0中似乎工作得很好：

---

---

我发现jQuery工具库正在加载1.6.4 jQuery的版本。现在“开”的方法起作用了。希望它在ie8中也能正常运行…

我发现jQuery工具库正在加载自己的1.6.4 jQuery版本。现在“开”的方法起作用了。希望它在ie8中也能正常运行…

我同意，听起来你有一个早期版本@Davide在ready函数中运行：

console.log（$（）.jquery）

时的输出是什么？正如我所说，我使用的是最新的jquery版本1.8。1@Davide你所说的错误表明情况并非如此。jQuery 1.8.1肯定有

.on（）

函数。您可能正在加载一个不完整的版本，或者正在页面上加载多个版本的jQuery，这会导致冲突。我意识到可能正在加载另一个版本。但我到不了哪里，这太奇怪了。我发现jQuery工具库正在加载1.6.4jQuery的版本。现在“on”方法在ie8中也起作用。此外，我正在使用Socialite.js库（socialitejs.com）和脚本Socialite.process（document.getElementsByClassName（'.social buttons'）；ie8被屏蔽了。我同意，听起来你有一个早期版本@Davide在ready函数中运行：

console.log（$（）.jquery）

时的输出是什么？正如我所说，我使用的是最新的jquery版本1.8。1@Davide你所说的错误表明情况并非如此。jQuery 1.8.1肯定有

.on（）

函数。您可能正在加载一个不完整的版本，或者正在页面上加载多个版本的jQuery，这会导致冲突。我意识到可能正在加载另一个版本。但我到不了哪里，这太奇怪了。我发现jQuery工具库正在加载1.6.4jQuery的版本。现在“on”方法在ie8中也起作用。此外，我正在使用Socialite.js库（socialitejs.com）和脚本Socialite.process（document.getElementsByClassName（'.social buttons'）；was ie8-blocking。您可以在页面中包含用于加载jQuery的

标记吗？确保没有两个加载不同版本的jQuery。奇怪的是，我只加载了一个“core8.js”jQuery库。我不明白为什么它告诉我正在运行1.6.4版本…你能在你的页面中包含用来加载jQuery的

标记吗？确保没有两个加载不同版本的jQuery。奇怪的是，我只加载了一个“core8.js”jQuery库。我不明白为什么它告诉我正在运行1.6.4版本…我明白了。我认为这是一个JQUery库版本的问题。如果你准备一个JSFIDLE，用最少的代码来演示你的错误，它将更容易帮助你。我知道@wroniasty，但这似乎是一个JQUery版本的问题。我不知道为什么，但它加载了两个不同的库。第一个是来自谷歌的1.8.1，另一个是1.6.4…我看到很奇怪的家伙。我认为这是一个JQUery库版本的问题。如果你准备一个JSFIDLE，用最少的代码来演示你的错误，它将更容易帮助你。我知道@wroniasty，但这似乎是一个JQUery版本的问题。我不知道为什么，但它加载了两个不同的库。第一个是来自google的1.8.1，另一个是1.6.4…奇怪的家伙，不管我使用Socialite.js库（）和脚本Socialite.process（document.getElementsByClassName（'.social buttons'）；另外，我使用的是Socialite.js库（）和脚本Socialite.process（document.getElementsByClassName（'.social buttons'）；是ie8阻塞。

    <script type="text/javascript" src="/js/libs/modernizr-2.5.3.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/engine/core8.js"></script>
    <script type="text/javascript" src="/js/jQuery/engine/ui.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.tools.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.easing.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.lavalamp.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.li-scroller.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.reflection.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="/js/jQuery/plugin/jquery.selectbox.js"></script>