JQuery not working in click listener

Question

i have following button:

<button type="button" class="start-upload-btn">Start Uploading</button>

I'm adding a click listener to it within the script tags:

<script>
    $(document).ready(function() {
    alert(jQuery);
    $('.start-upload-btn').on('click', function() {
        alert(jQuery);
        var myData = ${dataForUpload};
        if (myData) {
            $.each($.parseJSON(myData), function(key,value){
                alert(value.oldFile);
            });
        }
        else {
            alert('No Data');
        }
    });
});
</script>

The alert(JQuery); within the click function does not work on clicking. I can't figure out what's the matter with my code.

Update: i'm using this cdn for JQuery in head.

<script src="https://code.jquery.com/jquery.min.js"></script>

I've updated my code with ready function, but it still isn't working.

You need to put your jQuery code inside a DOMReady handler: $(function() { /* your code here */ }); — Rory McCrossan
– Rory McCrossan, Commented Jan 15, 2015 at 10:54

Anubhav Chaudhary · Accepted Answer · 2015-01-15 10:55:50Z

1

Write your code in

$(document).ready(function(){----}

and instead of using alert(jQuery) use debugger;

answered Jan 15, 2015 at 10:55

Anubhav Chaudhary

1331 silver badge11 bronze badges

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

Collectives™ on Stack Overflow

JQuery not working in click listener

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related