Question

我有一个奇怪的问题： http://jackyon.com.s146246.gridserver.com/thehappymonk/

我正在使用queryloader2插件和maximage2插件。它适用于所有现代浏览器，但在IE8或更低版本上显示javascript错误。即使IE9显示错误，但它仍然可以正常运行。

js error: 'a.Slide[...].content.length' is null or not an object.

删除任一插件时，页面运行时没有错误。

百万谢谢你们！这个问题已经让我疯狂了几天。请帮我！谢谢！

Answer 1

错误似乎来自jquery.maximage.min.js，完整版本在这里：https://github.com/akv2/MaxImage/blob/master/lib/js/jquery.maximage.js

要查找的内容的一个线索是存在“use strict”指令，对于打算在不支持严格模式的浏览器中运行的代码而言，这不是一个好主意。似乎没有任何充分的理由使用它。我想这只是时髦的。

有一些基于UA字符串的浏览器嗅探（不是一个好兆头）：

if($.browser.msie){
  // Stop IE from continually trying to preload images that we already removed
  document.execCommand("Stop", false);
}

无论如何，错误似乎与第226行的代码有关：

for(var j in $.Slides) {

  // Determine content (if container or image)
  if($.Slides[j].content.length == 0){
    c = '<img src="' + $.Slides[j].url + '" />';

  } else {
    c = $.Slides[j].content;
  }
  ...
}

因此，在第625行查找为Slides[j].content赋值的位置：

  $.Slides = Utils.construct_slide_object();

和construct_slide_object是：

construct_slide_object: function() {
  var obj = new Object(),
      arr = new Array(),
      temp = '';

  $self.children().each(function(i) {
    var $img = $(this).is('img') ? $(this).clone() : $(this).find('img').first().clone();

这只是写$('<img />')吗？

    // reset obj
    obj = {};

那么为什么要将它初始化为each函数之外的对象？

    // set attributes to obj
    obj.url = $img.attr('src');
    obj.title = $img.attr('title') != undefined ? $img.attr('title') : '';

这只是一个很长的路要写：

    obj.title = $img.attr('title');

因为attr将始终返回一个字符串，$img.attr('title') != undefined仅在返回空字符串时才为真。

    obj.alt = $img.attr('alt') != undefined ? $img.attr('alt') : '';
    obj.theclass = $img.attr('class') != undefined ? $img.attr('class') : '';
    obj.styles = $img.attr('style') != undefined ? $img.attr('style') : '';
    obj.orig = $img.clone();
    obj.datahref = $img.attr('data-href') != undefined ? $img.attr('data-href') : '';
    obj.content = "";

    // Setup content for within container
    if ($(this).find('img').length > 0) {

这是第三次在这段短代码中使用过。

      if($.BrowserTests.cssBackgroundSize) {
        $(this).find('img').first().remove();

第四个，$(this)使用了7次。

      }
        obj.content = $(this).html();
      }

      // Stop loading image so we can load them sequentiallyelse{
      $img[0].src = "";

      // Remove original object (only on nonIE. IE hangs if you remove an image during load)
      if ($.BrowserTests.cssBackgroundSize) {

这似乎是某种浏览器推断：如果backgrounsize测试返回false，则必须是IE。

        $(this).remove();
      }

      // attach obj to arr
      arr.push(obj);
  });

  if(config.debug) { 
    debug(' - Slide Object - ');
    debug(arr);
  }
  return arr;
},

填充你的靴子。： - ）

Javascript错误：“null或不是对象”

1 个答案: