jQuery 无法读取未定义的属性“左”
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15545226/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Cannot read property 'left' of undefined
提问by AbdulWahhab
Trying to figure out why chrome is throwing out error
试图弄清楚为什么 chrome 会抛出错误
"Uncaught TypeError: Cannot read property 'left' of undefined"
“未捕获的类型错误：无法读取未定义的属性‘左’”
although #explorenavworks great but #experiencenavdoesn't seem to be working. am I missing something?
虽然#explorenav效果很好，但#experiencenav似乎不起作用。我错过了什么吗？
JS CODE:
JS代码：
$('.nav li#explorenav a').click(function(){
$('body').animate({scrollLeft: $("#explore").offset().left-15}, 1000, function(){
$(this).parent().addClass('active');
});
return false;
});
$('.nav li#experiencenav a').click(function(){
$('body').animate({scrollLeft: $("#experience").offset().left-15}, 1200, function(){
$(this).parent().addClass('active');
});
return false;
});
HTML CODE:
HTML代码：
<div id="explore">
<div class="Features">
<div class="Feature1" title="The Active Park Assist feature can find parking spaces for you and help manoeuvre your car into them, as if by magic.">
</div>
<div class="Feature2" title="The luxurious and athletic Interior has sports front seats with red stitching and belts, making you wish the journey never ended">
</div>
<div class="Feature3" title="With Collision Prevention Assist and Attention Assist you can rest assured that you'll get to wherever you're going, safely.">
</div>
</div>
</div>
<div id="experience">
<div class="Video">
<iframe id="Youtube" width="650" height="366" src="http://www.youtube.com/embed/XS6S8qSMvBE?wmode=opaque" frameborder="0" wmode="transparent" allowfullscreen ALLOWTRANSPARENCY="true"></iframe>
<button class="prev"> </button>
<button class="next"> </button>
<div class="VideoControls">
<ul class="Vid">
<li id="01" class="Video1" onClick="_gaq.push(['_trackEvent', 'Pulse', 'onClick', 'ENGLISH']);">
</li>
<li id="02" class="Video2" onClick="_gaq.push(['_trackEvent', 'Performance', 'onClick', 'ENGLISH']);">
</li>
<li id="03" class="Video3" onClick="_gaq.push(['_trackEvent', 'Parking Assist', 'onClick', 'ENGLISH']);">
</li>
<li id="04" class="Video4" onClick="_gaq.push(['_trackEvent', 'Flow', 'onClick', 'ENGLISH']);">
</li>
<li id="05" class="Video5" onClick="_gaq.push(['_trackEvent', 'Spike', 'onClick', 'ENGLISH']);">
</li>
<li id="06" class="Video6" onClick="_gaq.push(['_trackEvent', 'Product film', 'onClick', 'ENGLISH']);">
</li>
</ul>
</div>
</div>
</div>
采纳答案by freshbm
In your script on site you have this code:
在您现场的脚本中，您有以下代码：
$('.nav li#experiencenav a').click(function(){
$('body').animate({scrollLeft: $("#experience .EmptyPage").offset().left-20}, 1200, function(){
$(this).parent().addClass('active');
$('li#homenav, li#discovernav, li#explorenav, li#downloadnav').removeClass('active');
});
return false;
});
and it can't find element $("#experience .EmptyPage"). But you have div inside your #explorediv that has this div:
它找不到 element $("#experience .EmptyPage")。但是你的#explorediv 中有这个 div 的 div：
<div class="EmptyPage">
</div>
Thats why your code is working for explore link, but not for other links.
这就是为什么您的代码适用于explore link，而不适用于其他链接。
