JavaScript 代码不适用于外部文件

Question

我有将数据发送到后端的 JavaScript 代码，当我放置内联时，它可以正常工作，但是当我放置在外部文件中时，它不起作用。 同时其他 JavaScript 正在外部文件中工作。

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

在外部文件代码是：

$(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

我尝试了一个简单的例子，

HTML代码：你需要给出的外部JS的相对路径

<!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>

在 JS 外部文件中：

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

    });
})

JavaScript 代码不适用于外部文件

问题描述

1 个解决方案

解决方案1
0 2018-12-31 11:51:49

JavaScript 代码不适用于外部文件

问题描述

1 个解决方案

解决方案1 0 2018-12-31 11:51:49

解决方案1
0 2018-12-31 11:51:49