javascript的选项卡在IE中不起作用

祖里塔

好吧,我很难解决这个问题,因为我在一些选项卡中使用了此代码,它在除Internet Explorer 10、9之外的所有浏览器中都可以正常使用,这些选项卡会显示出来,但是当您单击它们,信息不会改变。因此,在查看了什么错误之后,我发现在IE中,如果它没有运行,则为以下代码:

<script type="text/javascript">

Varien.Tabs = Class.create();
Varien.Tabs.prototype = {
    initialize: function(selector) {
        var self = this;
        $$(selector+' a').each(this.initTab.bind(this));
    },

    initTab: function(el) {
        el.href = 'javascript:void(0)';
        if ($(el.parentNode).hasClassName('active')) {
            this.showContent(el);
        }
        el.observe('click', this.showContent.bind(this, el));
    },
    showContent: function(a) {
        var li = $(a.parentNode), ul = $(li.parentNode);
        ul.select('li', 'ol').each(function(el){
            var contents = $(el.id+'_contents');
            //the problem lies here, in IE the if doesn't run
            if (el == li) {
                el.addClassName('active');
                contents.show();
            } else {
               el.removeClassName('active');
               contents.hide();
            }
        });
    }
}
new Varien.Tabs('.product-tabs');    
</script>

所以要解决的是IF语句的条件没有运行,我也不知道为什么。

我正在使用IE 10和IE 9,因为IE 8可以正常工作,而且在IE的控制台中也没有出现任何错误。

祖里塔

好吧,我知道了会发生什么

ul.select('li', 'ol').each(function(el){

所以在这一行中我使用了“ li”和“ ol”,因为该页面没有任何“ ol”,因此IE中的页面无法正常工作,因此我删除了

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

物化活动选项卡在模式中不起作用

来自分类Dev

引导选项卡在localhost中不起作用

来自分类Dev

引导选项卡在Vue应用中不起作用

来自分类Dev

在Bootstrap 2中起作用的动态选项卡在Bootstrap 3中不起作用

来自分类Dev

Boostrap选项卡在Codepen上不起作用

来自分类Dev

jQuery选项卡在生产环境中不起作用

来自分类Dev

选项卡在AngularJS的单页应用程序中不起作用

来自分类Dev

jQuery选项卡在生产环境中不起作用

来自分类Dev

Bootstrap 切换选项卡在 jsp 页面中不起作用

来自分类Dev

Cron 选项卡在 ec2-ubuntu 服务器中不起作用

来自分类Dev

Bootstrap 选项卡在我的注册表单页面中不起作用

来自分类Dev

带选项卡图标顶部的离子选项卡在Android和IOS上不起作用

来自分类Dev

右键单击选项卡在Internet Explorer上不起作用

来自分类Dev

jQuery UI选项卡在Ajax调用后不起作用

来自分类Dev

OSX Cocoa使用选项卡在视图中的子控件之间导航不起作用

来自分类Dev

Sherlock选项卡在方向更改上不起作用

来自分类Dev

右键单击选项卡在Internet Explorer上不起作用

来自分类Dev

物化选项卡在加载到模态时不起作用

来自分类Dev

Bootstrap 4选项卡在Wordpress Understrap主题中不起作用

来自分类Dev

bootstrap 4.3.1 选项卡在我的项目中不起作用

来自分类Dev

javascript选项卡功能不起作用

来自分类Dev

IntelliJ-Javascript中的选项卡缩进不起作用

来自分类Dev

使用JavaScript进行选项卡和删除在Mozilla中不起作用

来自分类Dev

Bootstrap中的选项卡导航不起作用

来自分类Dev

OnItemSelectedListener在选项卡片段中不起作用

来自分类Dev

Javascript“地图”在IE中不起作用

来自分类Dev

JavaScript .click()在IE中不起作用

来自分类Dev

javascript在IE中不起作用

来自分类Dev

javascript在IE中不起作用(getElementById)

Related 相关文章

  1. 1

    物化活动选项卡在模式中不起作用

  2. 2

    引导选项卡在localhost中不起作用

  3. 3

    引导选项卡在Vue应用中不起作用

  4. 4

    在Bootstrap 2中起作用的动态选项卡在Bootstrap 3中不起作用

  5. 5

    Boostrap选项卡在Codepen上不起作用

  6. 6

    jQuery选项卡在生产环境中不起作用

  7. 7

    选项卡在AngularJS的单页应用程序中不起作用

  8. 8

    jQuery选项卡在生产环境中不起作用

  9. 9

    Bootstrap 切换选项卡在 jsp 页面中不起作用

  10. 10

    Cron 选项卡在 ec2-ubuntu 服务器中不起作用

  11. 11

    Bootstrap 选项卡在我的注册表单页面中不起作用

  12. 12

    带选项卡图标顶部的离子选项卡在Android和IOS上不起作用

  13. 13

    右键单击选项卡在Internet Explorer上不起作用

  14. 14

    jQuery UI选项卡在Ajax调用后不起作用

  15. 15

    OSX Cocoa使用选项卡在视图中的子控件之间导航不起作用

  16. 16

    Sherlock选项卡在方向更改上不起作用

  17. 17

    右键单击选项卡在Internet Explorer上不起作用

  18. 18

    物化选项卡在加载到模态时不起作用

  19. 19

    Bootstrap 4选项卡在Wordpress Understrap主题中不起作用

  20. 20

    bootstrap 4.3.1 选项卡在我的项目中不起作用

  21. 21

    javascript选项卡功能不起作用

  22. 22

    IntelliJ-Javascript中的选项卡缩进不起作用

  23. 23

    使用JavaScript进行选项卡和删除在Mozilla中不起作用

  24. 24

    Bootstrap中的选项卡导航不起作用

  25. 25

    OnItemSelectedListener在选项卡片段中不起作用

  26. 26

    Javascript“地图”在IE中不起作用

  27. 27

    JavaScript .click()在IE中不起作用

  28. 28

    javascript在IE中不起作用

  29. 29

    javascript在IE中不起作用(getElementById)

热门标签

归档