jQuery document.location 不适用于 IE(典型)

Question

我讨厌讨厌IE!既然我已经咆哮了，我确实需要一些帮助。我这里有这个网站。 http://pearsonlyle.uwpistol.net/galleries/susie-theodorou/editorial/只有 susie 有效，我编写了一些 javascript，在单击导航时添加了覆盖层，我添加了一个函数来淡出导航覆盖层并将页面重定向到选定的链接，但在 IE8 中我的页面内容(Galleria)不显示。然而，在 IE7 中，我的页面内容(画廊)显示减去除一个缩略图之外的所有缩略图。

我已经取出了代码(resize.js 和 menus.js)，但仍然找不到问题的根源，我知道在这些论坛上获得帮助的可能性很大，尤其是对于如此复杂的事情。我什至不确定我能否解释我的代码，但我确实需要帮助，所以我会尝试一下。

menus.js

function initMenuPhotographers() {

 $('#navsub_533013_583913 ul').hide();
 $('#navsub_533013_583913 li a').click(
  function() {
   var checkElement = $(this).next();
 if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
   return false;
     }
 if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
  $('#navsub_533013_583913 ul:visible').slideUp('normal');
  checkElement.slideDown('normal');
  return false;
        }
    });
 }
function initMenuStylists() {

     $('#navsub_533015_584326 ul').hide();
  $('#navsub_533015_584326 li a').click(
        function() {
   var checkElement = $(this).next();
   if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
   return false;
   }
   if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
   $('#navsub_533015_584326 ul:visible').slideUp('normal');
   checkElement.slideDown('normal');
   return false;
  }
             });
   }  

function addNavLightbox(){
 $("< div id='nav-overlay'>< /div>")
  .css('top', $(document).scrollTop())
  .css('opacity', '0')
  .animate({'opacity':'0.8'}, 'slow')
  .appendTo('body');
 }

function removeNavLightbox(){
  $('#nav-overlay')
  .fadeOut('slow', function(){
  $(this).remove();
  });
  }

function redirectPage() {
 window.location.href = linkLocation;
 } 


   $(document).ready(function() {


  $("#navsub_533015_584326 li ul li a").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
   $('#nav-overlay').fadeOut(30, redirectPage);
  });


    initMenuPhotographers();
    initMenuStylists();

     $('#navsub_533013_583913').hide();
      $('#navsub_533015_584326').hide();

    $('#photographers').click(
   function(){
    $('#navsub_533013_583913').slideToggle();
   });


  $('#photographers').toggle(addNavLightbox, removeNavLightbox);


 $('#stylists').click(
       function(){
           $('#navsub_533015_584326').slideToggle();

  });


  $('#stylists').toggle(addNavLightbox, removeNavLightbox);
  });

我知道有很多代码，菜单有一个折叠式菜单，还有菜单的覆盖层。

我在另一个脚本中也有一个 Galleria 函数

$(document).ready(function(){

  $(function () {
     $.ajax({
   type: "GET",
   url: "img/PhotoGallery.xml", 
   dataType: "xml",
   success: function(xml) {
    $(xml).find('img').each(function() {
    var location = 'img/'; 
    var url = $(this).attr('src');
    var alt = $(this).attr('alt');
    $('< img src="'+location+''+url+'" alt="'+alt+'"/>').appendTo('#galleria');

   });

   // Load theme
   Galleria.loadTheme('/js/src/themes/classic/galleria.classic.js');



   $('#galleria').galleria({
    image_crop: false, // crop all images to fit
    thumb_crop: true, // crop all thumbnails to fit
    transition: 'fade', // crossfade photos
    transition_speed: 20, // slow down the crossfade
     extend: function() {

      this.bind(Galleria.IMAGE, function(e) {

                                        $('.counter').html(this.$('counter').html());
      })

      var gallery = this;
      var playing = false;
                                                                 $('#playpause').bind('click', function() {
       if (! playing) {
                                                       gallery.play();
                                                       $(this).text('Pause Slideshow');
       } else {
                                                       gallery.pause();
                $(this).text('Play Slideshow');
       }
       playing = !playing;
       });
         //get thumbnail width
     var thumbnailWidth = $('.galleria-thumbnails').width();
     $('.galleria-thumbnails').css({"width" : thumbnailWidth, "margin-left" : "auto", "margin-right" : "auto"})
     $('.galleria-stage').css('z-index', '500');
     }
  });



       }

      });

     })


 });

如果有人能给我指出正确的方向，甚至告诉我如何在 IE 中调试，这个 Galleria 代码也可以在 IE 中的许多其他项目中工作，所以它不应该(她说)是这样......

我不是在寻找答案，只是希望有人有一些想法。

非常感谢您花时间阅读本文，我真的很感激。塔拉

Answer 1

尝试将 debug:true 选项添加到 gallery 小部件。这应该可以帮助您找出问题所在；

$('#galleria').galleria({
    debug: true,
    image_crop: false, // crop all images to fit
    thumb_crop: true, // crop all thumbnails to fit
    transition: 'fade', // crossfade photos
    transition_speed: 20, // slow down the crossfade
    extend: function() {
        this.bind(Galleria.IMAGE, function(e) {
            $('.counter').html(this.$('counter').html());
        })

        var gallery = this;
        var playing = false;

        $('#playpause').bind('click', function() {
            if (! playing) {
                gallery.play();
                $(this).text('Pause Slideshow');
            } else {
                gallery.pause();
                $(this).text('Play Slideshow');
            }
            playing = !playing;
        });

        //get thumbnail width
        var thumbnailWidth = $('.galleria-thumbnails').width();
        $('.galleria-thumbnails').css({
            "width" : thumbnailWidth, 
            "margin-left" : "auto", 
            "margin-right" : "auto"});
        $('.galleria-stage').css('z-index', '500');
    }
});