Impossible de modifier la valeur d'opacité à l'aide du curseur Bootstrap - javascript, jquery, html, css, twitter-bootstrap

Pour une raison quelconque, le curseur ne changera pas la valeur, je continue à obtenir "Uncaught TypeError: Cannot set property "opacity" of undefined"erreurs dans la console du navigateur.

Je veux juste changer la valeur d'opacité de la valeur initiale de 1 à la valeur du curseur multipliée par .01 .....

mon script ci-dessous:

<div id="jpegcam" class="jpegcam_slider" style="opacity: 1; z-index: 1; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 239px"></div>

<input id="ex1" data-slider-id="ex1Slider" type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="100"/>
<script>
$("#ex1").slider({
formater: function(opacity) {
return "Current value: " + opacity;
}
});
$("#ex1").on("slide", function(value)
{
$(".jpegcam_slider").style.opacity = (value*.01);
});
</script>

Vous y êtes depuis une bonne heure ou deux à chercher sur Google et les forums, mais vous vous en sortez à court ...

Qu'est-ce que je fais mal? Merci

PS je m "utilise le curseur bootstrap js et le plugin css de ici.

Réponses:

0 pour la réponse № 1

Vous combinez jQuery avec du code JavaScript générique.

Vous devez changer cette ligne:

$(".jpegcam_slider").style.opacity = (value*.01);

Pour obtenir l’objet élément natif à partir de l’objet jQuery (à l’aide de [0]):

$(".jpegcam_slider")[0].style.opacity = (value*.01);

Ou utiliser Méthode CSS intégrée de jQuery:

$(".jpegcam_slider").css({ opacity: value*.01 });

Voir http://try.jquery.com et http://learn.jquery.com pour comprendre les bases.

---

1 pour la réponse № 2

Vous pouvez utiliser css() au lieu depuis $(".jpegcam_slider") est un objet jQuery:

$(".jpegcam_slider").css("opacity", value*.01);

---