JavaScriptエラー：未知の型エラー：未定義のプロパティ 'left'を読み取ることができません

Question

これは実際には迷惑なエラーで、このコンソールエラーに関するさまざまな質問があるようです。それは私がクロムを使用してコンソールで作業するためにたくさんのことを与えるものではありません。

/** 
    * Dropdown menu positioning 
    */ 
    loc.dropMenuPositioning = function(){ 
     var dropMenu = $('.js-dropdown-item-wrap'); 
     var mainNavigationOffset = $('.js-nav-container > ul').offset(); 
     var mainNavigationPosition = mainNavigationOffset.left; 
     dropMenu.css({'left' : mainNavigationPosition - 60}); 
    }; 

申し訳ありませんが、私はこの質問につきものではありません。どんな助けでも大歓迎です。ありがとうございました。

Answer 1

あなたは前の行に返されたオブジェクトからを残しプロパティを読んでいます。失敗した行は次のとおりです。

var mainNavigationPosition = mainNavigationOffset.left; 

エラーは、mainNavigationOffsetが未定義であることを意味します。

mainNavigationOffsetは以下のように設定されているため：

var mainNavigationOffset = $('.js-nav-container > ul').offset(); 

jQueryの要素$（ 'JS-NAV-コンテナ> UL'）のオフセットを取得することができなかった可能性があります。 jQueryのドキュメントで述べたように

：要素が実際に表示されていることを

Note: jQuery does not support getting the offset coordinates of hidden elements or accounting for borders, margins, or padding set on the body element.

While it is possible to get the coordinates of elements with visibility:hidden set, display:none is excluded from the rendering tree and thus has a position that is undefined.

を確認します。

別のオプション（それが実際に何が起こったのかと思われる）のjQuery表現されていること：

$('.js-nav-container > ul') 

は、任意の要素を返していません。要素が表示されている場合、あなたはクロームのdevのツールを使用することができます参照し

：があってはならない

表示が

視認性がなければなりませんnoneに等しいが見える

に等しいです

またはコンソールで簡単に実行できます。

$('.js-nav-container > ul').css("display"); 
$('.js-nav-container > ul').css("visibility"); 

Answer 2

jQuery doc

dropMenu.offset({ left: mainNavigationPosition - 60 }); 

、これを試してみてくださいそうしないと、絶対的または相対的に位置を設定する必要があるかもしれません：

link

Answer 3

チェックお使いのjQueryのバージョンは1.2、最大である場合。以前のバージョンではoffset（）メソッドが機能しない可能性があります。

jQuery 1.2 change log