jquery加载在IE8中不起作用

Question

网页：http://sideradesign.com/eco-art/gallery/

此代码适用于除IE8之外的所有brwosers（尚未测试IE6 / 7）

jQuery(function () {
  jQuery("#main-content").append("<img src='../images/ajax-loader.gif' id='ajax-loader' />");
  $ajaxSpinner = jQuery("#ajax-loader");
  var thisTarget = jQuery('#thumbnail-nav ul li:eq(0) a.thumb').attr('href');
  jQuery('#main-content').load(thisTarget + " .entry-content");
  jQuery('a.thumb').click(function () {
    $ajaxSpinner.fadeIn();
    jQuery('#main-content').animate({
        opacity: "0.1"
    });
    thisTarget = jQuery(this).attr('href');
    jQuery('#main-content').load(thisTarget + " .entry-content", function () {
        $ajaxSpinner.fadeOut();
        jQuery('#main-content').animate({
            opacity: "1"
        });
    });
    return false;
});

}）;

Answer 1

这是引起问题的CSS。我禁用了样式表，我可以看到内容出现。 这已解决

Answer 2

IE不支持CSS中的opacity属性，因此从jquery中动画它不会起作用。相反，你可以使用fadeTo来解决这个问题。