代码之家  ›  专栏  ›  技术社区  ›  stevendesu

Internet Explorer和jQuery问题

  •  1
  • stevendesu  · 技术社区  · 14 年前

    <script type="text/javascript">
    (function( $ ){
    
        $.fn.tabSwap = function() {
    
            return this.each(function() {
                $('.current').removeClass('current');
                $(this).addClass('current');
            });
    
        };
    
    })( jQuery );
    </script>
    

    打开 a fairly simplified page my webpage 此代码在Internet Explorer中根本不起作用。

    我尝试执行以下简单代码:

    <script type="text/javascript">
        $('#statistics').tabSwap();
    </script>
    

    我得到以下错误:

    对象不支持此属性或方法

    index.html行:77

    URI:。。。

    我的网页链接是:

    http://examples.chikachu.com/calculators

    3 回复  |  直到 14 年前
        1
  •  1
  •   Community CDub    8 年前

    答案由发布 Crescent Fresh ,但他没有把它作为答案张贴,所以我可以接受它。我网站上的问题是 <script>

    更具体地说, this issue.

        2
  •  0
  •   Sean Vieira    14 年前

    在IE中调用插件时,插件没有实例化--请尝试将插件的调用包装到 $()

    所以改变:

    <script type="text/javascript">
        $('#tabTwo').tabSwap();
    </script>
    

    <script type="text/javascript">
        $(function() { 
            $('#tabTwo').tabSwap(); 
        });
    </script>
    
        3
  •  0
  •   Fosco    14 年前

    作为您在顶部列出的JS的替代,请尝试以下操作:

    <script type="text/javascript">
    jQuery.fn.tabSwap = function() {
    
            return this.each(function() {
                $('.current').removeClass('current');
                $(this).addClass('current');
            });
    
    };    
    
    $(document).ready(function() {
            $('#tabTwo').tabSwap();
    });
    </script>