Question

我讨厌讨厌IE！现在我已经咆哮了，我真的可以帮忙。我在这里有这个网站。 http://pearsonlyle.uwpistol.net/galleries/susie-theodorou/editorial/只有susie工作，我写了一些javascript，点击导航时添加叠加，我添加了一个功能，淡出navoverlay并将页面重定向到选定的链接，但在IE8我的页面内容（Galleria）不显示。但是在IE7中，我的页面内容（galleria）显示减去所有缩略图但只显示一个。

我已经取出了代码（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上用于许多其他项目，所以它不应该（她说）是...... / p>

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

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

Answer 1

尝试将debug:true选项添加到galleria小部件。这应该可以帮助你弄清楚出了什么问题;

$('#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');
    }
});

jQuery document.location不工作IE（典型）

1 个答案: