Question

我在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>

鼠标进入范围时，应显示一条消息并显示下一个div。显然div＃main-CNTR是主要的内容容器div，HTML片段在页面中重复多次。

实时方法正常工作，但不是在ie8。

$('.social_span').live('mouseenter',function(){
    alert("INSIDE");
});
$('.social_span + .row').live('mouseleave',function(){
    alert("OUTSIDE");
});

任何人都可以帮助我吗？谢谢！

    <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>

Answer 1

jQuery 1.7中添加了.on()函数，因此您需要确保使用该版本或更高版本才能使用.on()。从你得到的错误来看似乎并非如此。

Answer 2

似乎可以正常使用jQuery 1.8.0：

http://jsfiddle.net/wroniasty/2q2Df/

Answer 3

我发现jQuery TOOLS库正在加载1.6.4 jQuery的版本。现在'on'方法有效。希望它在ie8中也没问题......

JQuery On方法不起作用

3 个答案: