Ik heb een input veld waarin de gebruiker een waarde invoert.
Met jQuery wil ik de waarde automatisch vermenigvuldigen met 2, maar wanneer ik nu 1 invoer, krijg ik 4 i.p.v. 2 en als ik 2 invoer krijg ik 8 i.p.v. 4.
Iemand een oplossing?

Code:

$(document).ready(function()
{
    $(".option-fabric-width input").change(function()
    {
        // Calculate width
        var width = jQuery(".option-fabric-width input").val() * 2;
        $(".option-fabric-width input").val(width);
    });
});

Lijkt er op dat de functie 2 keer wordt aangeroepen.
1x bij invoer,
1x bij updaten van de value.

Al doet hij 't bij mij gewoon goed, welke versie van jquery gebruik je?

Origineel gepost door harm v. schaijk

Al doet hij 't bij mij gewoon goed, welke versie van jquery gebruik je?

Code:

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js" charset="utf-8"/></script>

Code:

$(document).ready(function()
{
    $(".option-fabric-width input").off("keyup").on("keyup,function()
    {
        // Calculate width
        var width = Number(jQuery(".option-fabric-width input").val()) * 2;
        $(".option-fabric-width input").val(width);
    });
});

Zoals gezegd wordt je code waarschijnlijk 2x aangeroepen.
Ik zou keyup ipv change gebruiken en om ervoor te zorgen dat je niet twee keer het event koppelt eerst "off" gebruiken.

Met de versie van jQuery die ik getest heb (1.7.1) is dit niet het geval en die is zelfs al redelijk oud, dit is dus blijkelijk een bug... 1.4.4 is al behoorlijk verouderd.
Maar in dit geval zou de veiligste op lossing zijn zoals Wilbert zei, keyup event te gebruiken, aangezien andere scripts van je site misschien afhankelijk zijn van de versie die je heden gebruikt.

Bedankt voor de tips! Ik heb jQuery geupdate naar de laatste versie en dan werkt het prima.
Waarschijnlijk dus gewoon een bug in de verouderde versies.

Code:

$(document).ready(function()
{
    $(".option-fabric-width input").blur(function()
    {
        // Calculate width
        var width = jQuery(".option-fabric-width input").val() * 2;
        $(".option-fabric-width input").val(width);
    });
});