JavaScript code not working for external file

Question

I have JavaScript code that send data to backend which when I place inline then work fine but when I place in external file it does not work. Meanwhile other JavaScript is working in external file.

<script>
$('#submit-ajax').click(function(event) {
    console.log('working or not')
    $.post(
        '/order/detail/',
        {
            'test': 'hi i am here',
        },
        function() {
            alert( "Data Loaded: " );
        }
    )
});
</script>

in external file code is:

$(document).ready(function(){
    $('#submit-ajax').click(function(event) {
        console.log('working or not')
        $.post(
            '/order/detail/',
            {
                'test': 'hi i am here',
            },
            function() {
                alert( "Data Loaded: " );
            }
        )
    });
}

Answer 1

I tried a simple example,

HTML code: Relative path of external JS you need to give

<!DOCTYPE html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

<script src="(path of external js)\refJS.js"></script>

</head>
<body>
<div id="submit-ajax">
            click me
        </div>
</body>

In JS external file :

$(document).ready(function(){
    $('#submit-ajax').click(function(event) {
        console.log('working or not');

    });
})

JavaScript code not working for external file

Question

1 answers

solution1
0 2018-12-31 11:51:49

JavaScript code not working for external file

Question

1 answers

solution1 0 2018-12-31 11:51:49

solution1
0 2018-12-31 11:51:49