Jquery 带有外部js文件的警报消息

我有一个外部test.js文件，其中包含以下代码：

$(document).ready(function() {
    alert("I am an alert box2!");   
});


function show_alert()
{
    alert("hihi");
}

在my.html中，我包含了test.js、jquery文件和一个按钮。单击它时，将调用

show\u alert（）

函数，该函数将正常工作。但是，消息“我是警报框2！”不会被触发。
另外，如果我用

将document.ready函数放入my.html中。它起作用了。我的代码怎么了？外部文件不支持？
以下选项之一：

您已经将test.js放在jquery.js之前
您有一个错误，它会在javascript进入就绪函数之前停止javascript
您可以将函数testAlert保留在test.js中。但是，document.ready应仅位于脚本标记之间

function testAlert(){
alert("I am an alert box2!");
}

上述函数可以在test.js中找到

$（文档）.ready（testAlert）应该在当前页面的脚本标记中，以检查DOM的可用性

实际上，上面的内容不是强制性的，而是编写jquery的理想方式，因为它有助于轻松调试：）
它适合我

代码如下：

function show_alert()
{
    alert("hihi");
}

$(document).ready(function() {
    alert("I am an alert box2!");

    $('.button').click(function() {
        show_alert();
    });
});

在HTML代码中将jQuery.min.js放在test.js之前