0

我正在尝试对 IE9 和兼容性问题进行故障排除。这与获取错误代码中的另一个问题有关：0 in only IE for javascript file

错误不再是问题，但现在实际渲染是一个问题。

有谁知道为什么这不能在 IE 中正确呈现。这在所有其他浏览器中都没有问题，但在 IE9 和之前的浏览器中没有问题。

我发了两张图：

  1. 是 IE 中未正确呈现的图像
  2. 是 Chrome 中正确的图像。

我可以给你任何你需要的代码我只是不知道从哪里开始。

感谢您提前提供的帮助。

IE9 及之前的渲染问题

IE9 及之前的渲染问题

Chrome浏览器没有渲染问题

Chrome浏览器没有渲染问题

这是导致错误代码：0 的初始代码。已解决，但渲染问题仍然存在。

// when the contract holder grid loads

var ch_item_class = '.ch-grid-item';
var ch_details_class = '.details';
var ch_container_class = '.container';

var ch_min_class = 'minimized';
var ch_hide_class = 'ch_hide';
var ch_expanded_class = 'expanded';
var ch_shadow_class = 'ch_shadowbox';
var ch_processed_class = 'processed';

var ch_transition_time = 200;
var ch_grid;

jQuery(document).ready(function() {

    // get reference to grid dom element
    ch_grid = jQuery('.ch-grid');

    // minimize all details panes
    ch_grid.find(ch_details_class).hide();

    items = ch_grid.find(ch_item_class);
    items.addClass(ch_processed_class);
    items.addClass(ch_min_class);
    items.find(ch_container_class).append('<div class="' + ch_hide_class + '">close</div>');

    // click callback
    ch_grid.find(ch_item_class).click(function(e){

        var self = jQuery(this);
        container = self.find(ch_container_class);

        if (self.hasClass(ch_min_class)){

            // set width and height to avoid strange bahavior
            var width = self.width();
            var height = self.height();
            self.width(width);
            self.height(height);

            // minimize all other detail panes
            ch_minimize_all();

            // show item details
            self.removeClass(ch_min_class);
            self.find(ch_details_class).slideDown(ch_transition_time);
            container.addClass(ch_shadow_class);
            container.addClass(ch_expanded_class);

            // scroll browser window to this item
            var item_top = self.offset().top;
            var item_center = item_top + 400;
            var window_height = jQuery(window).height();
            var window_scrolltop = jQuery(window).scrollTop();
            var scrolltop_new = item_center - window_height/2 - 32;
            var scrolltop = Math.min(window_scrolltop , scrolltop_new);
            scrolltop = Math.max(scrolltop, scrolltop_new - 200);

            jQuery('html,body').animate({
                scrollTop: scrolltop
            }, 200);

        } else {

            self.addClass(ch_min_class);
            container.removeClass(ch_shadow_class);
            self.find(ch_details_class).slideUp(ch_transition_time, remove_parent_container_shadow);
        }
    });
});

function ch_minimize_all(){
    items = ch_grid.find(ch_item_class);
    items.find(ch_container_class).removeClass(ch_shadow_class);
    items.find(ch_details_class).slideUp(ch_transition_time, remove_parent_container_shadow);
    items.addClass(ch_min_class);
}

function remove_parent_container_shadow(){
    jQuery(this).closest(ch_container_class).removeClass(ch_expanded_class);
}
4

0 回答 0