Question

我刚刚编写的这个网站在SF中工作得很好但不是IE。这在IE中是一团糟。是否由于所有div都要求IE中的某些描述位置？

http://www.muso-syndicate.com/accordion/index11ie.htm

有没有人有任何想法？我已将所有CSS等全部包含在一个文件中，因此希望能够相当容易地进行审查。

Answer 1

我打开了网址，并在ie上看到了这个错误：消息：预期的标识符，字符串或数字行：42 查尔：13 代码：0 URI：http://www.muso-syndicate.com/accordion/index11ie.htm

我认为你没有正确关闭你的javascript：

$(function() {
    $( "#categories" ).accordion({
        collapsible: true,
        autoHeight: false,
        animated: false,
        active: -1,
        change: function(event, ui)
            {
            $("#categories").bind("accordionchange", function(event, ui)
                {

                if($('.my_accordion').parent('h3').hasClass('ui-state-active')) {

//$("#categories").animate({scrollTop: 0}, 100, 'swing', function(){}).stop;
//$("#categories").animate({scrollTop: $(ui.newHeader).offset().top
$('#categories').scrollTo($(ui.newHeader),0,{easing:'swing'});
//document.getElementById(ui.newHeader).scrollIntoView(true);
 //ui.newHeader.scrollIntoView(true);

                                                                                }
                });
             },
                                   });

               });
}); //this is missing

Answer 2

CSS类.listing-blurb标记为position:relative。我没有尝试重新使用你的标记，但我怀疑这将导致IE9（在我的机器上）不允许块元素正确滚动其内容。

编辑：我禁用了position:relative，内容在IE9中正确滚动。检查你的其他款式。

Jquery UI Accordion在IE中无法正常运行

2 个答案: