TypeError: $(...).offset(...) n'est pas défini

J'obtiens cette erreur

TypeError: $(...).offset(...) n'est pas défini

avec la flèche pointant vers le $.

J'ai regardé les questions qui arriverait quand j'ai tapé cette erreur dans le titre, mais je n'ai pas de solution.

Voici mon jquery

$(document).ready(function () {
if(window.location.href.indexOf("#") > -1)
{
    var pieces = window.location.href.split(/[\s_]+/);
    var section = pieces[pieces.length-1];
    var element_to_scroll_to = $('#' + section);
    var navbar_height = parseInt($('.navbar').css('height').replace('px', ''));
    animate_scroll(element_to_scroll_to, navbar_height, 25);
}
});

function animate_scroll (element, variable, offset) {
    $('html, body').stop().animate({
        scrollTop: $(element).offset().top - variable - offset

    }, 600);

}

et c'est l'ordre de mes fichiers js sont

{{ HTML::script('js/jquery-1.10.2.js') }}
{{ HTML::script('js/jquery-ui.js') }}
{{ HTML::script('js/bootstrap.min.js') }}
{{ HTML::script('js/wow.min.js') }}
{{ HTML::script('js/jquery.superslides.min.js') }}
{{ HTML::script('js/slick.min.js') }}
{{ HTML::script('js/modernizr.custom.js') }}
{{ HTML::script('js/classie.js') }}
{{ HTML::script('js/elastic_grid.min.js') }}
{{ HTML::script('js/webkrunch_portfolio.js') }}
{{ HTML::script('js/main.js') }}

Il ne sait pas ce que $(element) est. Vous n'avez jamais défini. Essayez d'utiliser seulement element. Donc, fondamentalement, scrollTop: element.offset().top - variable - offset
Les Chances sont $(element) n'existe pas dans les DOM. Essayez de vérifier $(element).d'abord la longueur.
ne pourrait-il pas tout scrollTop chose être accompagnée d'une fonction {}?
tout d'abord, apprendre à utiliser la console dans le Chrome Developer Tools... avec un simple console.log(element, $(element)) à l'intérieur de votre animate_scroll() fonction, vous seriez en mesure de débogage vous-même

InformationsquelleAutor Nix | 2015-09-15

jquery

1

Donc, son tout à fait facile à briser ce qui se passe ici.

Vous êtes en utilisant que la fonction appelée animate_scroll et d'appeler le paramètre element comme element_to_scroll_to.

Avec cela à l'esprit, element_to_scroll_to est déjà l'appel de jQuery via:
```
$('#' + section);
```
Donc quand animate_scroll() est appelée, ses de voir cette:
```
$('html, body').stop().animate({
    scrollTop: $($('#' + section)).offset().top - variable - offset
}, 600);
//Notice the dual call of jQuery
```
Vous devriez être en mesure de simplement appeler element au lieu de redéfinir jQuery de nouveau, comme suit:
```
$('html, body').stop().animate({
    scrollTop: element.offset().top - variable - offset
}, 600);
```
EDIT:

Donc, si vous obtenez toujours une erreur, le problème se situe plus en arrière. Voici les étapes que je prendrais pour identifier le problème.
```
if(window.location.href.indexOf("#") > -1) //Perhaps this is not returning > -1
{
    var pieces = window.location.href.split(/[\s_]+/); //Perhaps this is not creating an array to pull from
    var section = pieces[pieces.length-1]; //Perhaps the last element doesn't exist in the first place based on the above tests
    var element_to_scroll_to = $('#' + section);
    var navbar_height = parseInt($('.navbar').css('height').replace('px', ''));
    animate_scroll(element_to_scroll_to, navbar_height, 25);

    console.log(pieces);
    console.log(section);
    console.log(element_to_scroll_to);
}
```
}

De test ci-dessus, j'irait simple console de tests, tels que:
```
console.log(pieces);
console.log(section);
console.log(element_to_scroll_to);
```
afficher la console après l'ajout de personnes à la fin de votre if déclaration et il convient de clarifier davantage la section qui n'est pas défini.
- Lorsque je fais cela, j'obtiens la même erreur, mais maintenant il dit TypeError: element.offset(...) is undefined scrollTop: element.offset().top - variable - offset
- Afin de maintenir le dos de traçage jusqu'à ce que vous trouver où la question est. Je vais éditer le post avec des choses à commencer à regarder vers l'arrière pour.
InformationsquelleAutor Nicholas Hazel

Je pense que vous devriez faire un test à l'élément de défilement.

Votre code de devenir comme

JS:

$(document).ready(function () {
if(window.location.href.indexOf("#") > -1)
{
    var pieces = window.location.href.split(/[\s_]+/);
    var section = pieces[pieces.length-1];
    var element_to_scroll_to = $('#' + section);
    if(element_to_scroll_to.length) {
    var navbar_height =      
    parseInt($('.navbar').css('height').replace('px', ''));
    animate_scroll(element_to_scroll_to, navbar_height, 25);
    }
}
});

function animate_scroll (element, variable, offset) {
    $('html, body').stop().animate({
        scrollTop: $(element).offset().top - variable - offset

    }, 600);

}

InformationsquelleAutor Mohammed AZOUZ

Vous devez vous connecter pour publier un commentaire.