jQuery function not started

Question

I have a weird problem. I have a freight calculation field to be executed if the User deletes a digit input , I hide one content. While running the script in chrome console, it is loaded, but when using the call in html, js it does not run. This is what I have.

https://jsfiddle.net/diasbass/u3xr0921/

jQuery(document).ready(function($) {
    $("#btnFreteSimulacao").click(function() {
        $("#txtCep").keyup(function() {
            if ($("#txtCep").val()) {
                $('p.montagem').hide();
            } else {
                $('p.montagem').show();
            }
        });
    });
});

You have to click the button to enabled the keyup handler on the input. Is this intentional? What's the desired behavior? — Mike Scotty
– Mike Scotty, Commented Jun 9, 2016 at 14:40
working fine in jsfiddle. just remember to include jQuery. Anyway, you shouldn't bind a keyup event every time the user clicks the button. — BeNdErR
– BeNdErR, Commented Jun 9, 2016 at 14:41
This appears to be working just fine. In what way is it not working for you? I go to your jsFiddle, click the button, and then enter/remove keystrokes in the input. The content hides/shows accordingly. What's the problem? — David
– David, Commented Jun 9, 2016 at 14:43

brk · Accepted Answer · 2016-06-09 14:43:00Z

1

The keyup event handler is inside the click function, probably it is of no use.

Also need to check $("#txtCep").val().length for showing and hiding the p.montagem

jQuery(document).ready(function($) {

            $("#txtCep").keyup(function() {         
                if($("#txtCep").val().length ==0) {
                    $('p.montagem').hide();             
                } else {
                    $('p.montagem').show();
                }
            });     

    });

jsfiddle

answered Jun 9, 2016 at 14:43

brk

50.3k10 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hanlet Escaño Over a year ago

An empty string also evaluates to false in JavaScript.

Rodrigo Dias Over a year ago

Thank you ! I had not realized it . Now it worked properly.

Don · Accepted Answer · 2016-06-09 14:41:23Z

1

Here you are mixing two asynchronous events 1) Button click 2) Input keyup. Your code expects to work when both are happening same time. I would suggest remove dependency on one event. Like below.

    $( "#btnFreteSimulacao" ).click(function() {                
       // $("#txtCep").keyup(function() {         
            if($("#txtCep").val()) {
                $('p.montagem').hide();             
            } else {
                $('p.montagem').show();
            }
        });     
   // });
    });

If thats not possible, try to look towards promises.

answered Jun 9, 2016 at 14:41

Don

1,3341 gold badge10 silver badges19 bronze badges

1 Comment

Rodrigo Dias Over a year ago

Thank you ! I had not realized it . Now it worked properly.

Collectives™ on Stack Overflow

jQuery function not started

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related