Bonjour,

j'ai créé une fonction dans laquelle je passe certains paramètres, dont deux tableaux vides. Ensuite, je passe des valeurs à ce tableau en argument lors de l'appel de la fonction, mais ça retourne une erreur dans la console. SyntaxError: missing : after property id
[En savoir plus]

Voici mon code :

function displayBlockAndMoveContent(element, position, child, property = [], value = [])
{
    $("p:nth-of-type(" + element + ")").removeClass("removed").children(child).css({
        property[0]: value[0]
    });

    setTimeout( function()
    {
        $("p:nth-of-type(" + element + ") > span").addClass(position + "-to-center").delay(1500).animate({
            property[1]: value[1]
        }, 0, function() {
            $(this).removeClass(position + "-to-center");
        });
    }, 1000 );
}

displayBlockAndMoveContent(1, "left", "span", ["background-image", "width"], ["url(img/Rose1c.svg)", "100%"]);

Est-ce quelqu'un peut m'aider ?

Merci.

Comprendre les erreurs pour les réparer: le premier travail des développeurs!

1)Regarde à quelle ligne ce produit l'erreur

2)Regarde le type d'erreur, dans ton cas une erreur de syntaxe

3) lis les infos supplémentaires: missing : after property id signifie qu'il manque : après la property id

L'erreur se produit aux lignes 4 et 10.

property id ? Je n'ai pas mis de proeprty id

Comment je fais ? J'ai essayé en utilisant la fonction push() dans la fonction avant de créer ce post, ça n'a pas marché.

J'ai modifié ma fonction en ajoutant des boucles, mais comment je fais pour récupérer une valeur de la boucle ?

function displayBlockAndMoveContent(element, position, child, properties = [], values = [])
{
    properties.forEach( function(property)
    {
        values.forEach( function(value)
        {
            $("p:nth-of-type(" + element + ")").removeClass("removed").children(child).css({
                property: value
            });

            setTimeout( function()
            {
                $("p:nth-of-type(" + element + ") > " + child).addClass(position + "-to-center").delay(1500).animate({
                    property: value
                }, 0, function() {
                    $(this).removeClass(position + "-to-center");
                });
            }, 1000 );
        });
    });
}

-
Edité par me_moi 10 janvier 2018 à 16:31:33