Extension Chrome & jQuery: Problème de détection d'event

Glaived
Javascript

Bonjour.

J'aimerais trigger un event en jQuery qui, quand je sélectionne un element dans la liste, il execute du code

Problème: Tout fonctionne, jQuery chargé, sauf le trigger dans l'extension (En dehors comme par exemple en ouvrant la page directement via le navigateur ça fonctionne)

le js:

console.log("step 1"); // "step 1"
$(document).ready(function(){
    console.log("step 2") // "step 2"
    $("#languages").change(function(){
        console.log("step 3") // pas de "step 3"
    });
});

le HTML:


<form>
    <div class="form-group">
        <label for="languages">Your languages</label>
        <select multiple class="form-control" id="languages">
            <option value="en">English</option>
            <option value="fr">Français</option>
            <option value="da">Dansk</option>
            <option value="de">Deutsch</option>
            <option value="es">Español</option>
        </select>
    </div>

    <div class="form-group">
        <label class="col-form-label" for="game">Add a game to follow</label>
        <input type="text" class="form-control" id="game" autocomplete="off" placeholder="Game…">
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

2 réponses

Glaived
Auteur
Réponse acceptée

Après avoir pas à pas inspecter ce qui fonctionnait / fonctionnait pas, il semblerait que le problème vient pas du code mais du navigateur Vivaldi. J'ai créé un thread pour en savoir plus : https://forum.vivaldi.net/topic/22272/developing-an-browser-extension-on-vivaldi-is-impossible

Pierrot01

Salut,

console.log("step 1"); // "step 1"
$(document).ready(function(){
    console.log("step 2") // "step 2"
    $("#languages").on('change',function(){
        console.log("step 3") // pas de "step 3"
    });
});

@plus
Pierre