TypeError：僅在Safari和iOS中undefined不是對象

Question

我的以下代碼在Chrome中運行正常，但在Safari中出現以下錯誤。 有什么解決方案可以解決。

jQuery('.mk-responsive-nav > li > a').click( function() {
   var href = jQuery(this).attr('href').replace('#', '');
   jQuery(window).scrollTop( jQuery("section[data-anchor='" + href + "']").offset().top );
   console.log( jQuery("section[data-anchor='" + href + "']").offset().top  );
});

Safari錯誤：

TypeError：未定義不是對象（評估'jQuery（“ section [data-anchor ='” + href +“']”）。offset（）。top'）

Answer 1

很難說，因為我看不到html上下文。 我建議嘗試在滾動window之前捕獲href變量，並確保它實際上是一個jQuery Object 。 我確實設法得到了同樣的錯誤。

 $(function() { jQuery('.mk-responsive-nav > li > a').click(function() { var href = jQuery(this).attr('href').replace('#', ''); var target = jQuery("section[data-anchor='" + href + "']"); console.log(target.offset().top, 'YOUR EXACT ERROR IN SAFARI WHEN CLICKING FAIL LINK: ', jQuery("section[data-anchor='" + href + "']")); if (target.length) { console.log('scrolling to: ', target.offset().top); jQuery(window).scrollTop(target.offset().top); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="mk-responsive-nav"> <li><a href="#section-1">This will work</a> </li> <li><a href="#section-fail">This will fail</a> </li> </ul> <section data-anchor="section-1">Section 1.</section> <section data-anchor="section-2">Section 2.</section>