Impossible de lire la propriété 'left' undefined

À essayer de comprendre pourquoi google chrome est jeter erreur

"Uncaught TypeError: Cannot read property 'gauche' undefined"

bien que #explorenav fonctionne très bien mais #experiencenav ne semble pas fonctionner. ai-je raté quelque chose?

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;
});

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.">
&nbsp;
</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">
&nbsp;
</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.">
&nbsp;
</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">&nbsp;</button>
<button class="next">&nbsp;</button>
<div class="VideoControls">
<ul class="Vid">
<li id="01" class="Video1" onClick="_gaq.push(['_trackEvent', 'Pulse', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
<li id="02" class="Video2" onClick="_gaq.push(['_trackEvent', 'Performance', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
<li id="03" class="Video3" onClick="_gaq.push(['_trackEvent', 'Parking Assist', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
<li id="04" class="Video4" onClick="_gaq.push(['_trackEvent', 'Flow', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
<li id="05" class="Video5" onClick="_gaq.push(['_trackEvent', 'Spike', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
<li id="06" class="Video6" onClick="_gaq.push(['_trackEvent', 'Product film', 'onClick', 'ENGLISH']);">
&nbsp;
</li>
</ul>
</div>
</div>
</div>
  • Vous pouvez poster votre code html? C'est peut-être faute de frappe erreur dans votre code html et elle ne peut pas trouver $("#expérience")
  • Nous ne pouvons pas vous aider les gars, quand vous faites référence à un code que nous ne savons pas à propos de...
  • pourquoi ce n'est pas jquery? @JohannesKlauß
  • votre code semble bien, mais il y a peut être une erreur dans le référencement des éléments html que nous ne connaissons pas
  • Je parle de votre code HTML. Votre référencement HTML id, mais nous n'avons aucune idée de la façon dont votre DOM ressemble. Par conséquent, nous ne pouvons pas vous aider si une partie de votre JS pauses sur le fait d'essayer d'accéder à un ID.
  • nop j'ai toujours copier les id et les noms de classe pour éviter les erreurs
  • ok permettez-moi collez le code html aussi
  • cela vous aide?
  • c'est juste fragment de html, vous pouvez poster tout code html pour voir la différence entre "explorer" et "expérience"
  • vous voulez dire que l'ensemble du site? c'est prallax et tout est en une seule page.
  • ok compris par moi-même merci beaucoup les gars

InformationsquelleAutor AbdulWahhab | 2013-03-21
  1. 3

    Dans votre script sur le site que vous avez ce 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;
});

    et il ne peut pas trouver l'élément $("#experience .EmptyPage"). Mais vous avez div à l'intérieur de votre #explore div qui a cette div:

    <div class="EmptyPage">
&nbsp;
</div>

    C'est pourquoi votre code fonctionne pour explorer le lien, mais pas pour les autres liens.

    • oui je viens de voir que maintenant, lol c'est tout le travail de la pression 😛 mon manager m'a juste donné 3 jours pour compléter l'ensemble du site -_-. anw merci beaucoup
    InformationsquelleAutor freshbm