javascript - 如何在html文件中没有任何代码的情况下集成jquery代码

标签 javascript jquery html

我想稍微清理一下我的代码,并且我想在 html 文件中不调用任何函数的情况下运行我的 jquery 代码。我的实际代码是:

HTML:

<head>
    <script src="js/colorpick.js"></script>   
    <script>
        $(document).ready(function() {
            colorpick_start();
        });
    </script>
</head>

JS:

function colorpick_start() {
...
    }

但是,如果我在 js 的第一行中编写一个警报而不进行任何函数调用,那么就可以了。

alert('test');

    function colorpick_start() {
    ...
        }

但这不适用于 jquery 选择器或其他东西。有没有任何解决方案可以让我的 jquery 在没有 html 文件中的代码的情况下工作?

如果可能的话,我希望我的 html 文件看起来像这样:

<head>
    <script src="js/colorpick.js"></script>   
</head>

最佳答案

$(document).ready(function() {

等待 DOM 为选择器等做好准备。

如果添加

$(document).ready(function() {

对于你的 colorpick.js 文件,它将等待 DOM 准备好,然后执行 colorpick_start()。

相信我,大多数人在开始使用 JQuery 时都会发现这一点。

关于javascript - 如何在html文件中没有任何代码的情况下集成jquery代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22806255/

相关文章:

javascript - Selenium Python Javascript 执行

javascript - 如何在 JavaScript 中使用 querySelector 选择具有特定类的所有子元素,而不考虑它们在 HTML 中出现的顺序?

javascript - 在 HTML 中使用数组命名输入字段时——如何计算数组长度?

javascript - Firefox 中的 body 最大高度

javascript - .one() jQuery 函数自动多次引发

html - 如何在样式表中使用带 * 的 not css 选择器

php - 将浏览器后退按钮更改为返回两次

javascript - 以相同的形式处理javascript和php中的下拉列表操作

html - 根据当前窗口大小将图像垂直和水平居中

javascript - 需要了解ajax响应代码中的eval