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

问题描述：

我想稍微清理一下我的代码，并且希望在html文件中不带任何函数调用的情况下运行我的jquery代码。我实际的代码是：如何在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>

将jQuery作为页面中的第一个脚本加载后，可以在'colorpick'文件的底部写入以下内容：'$（colorpick_start）;'。它应该在页面上DOM准备就绪时触发。 – MarcoL

你应该像'alert（）'函数那样在运行时调用它。像这样，你可以简单地调用你的'colorpicker_start（）;' –

如果我把$（colorpick_start）;到它为我工作的第一线！非常感谢。如果你想要，你可以把它写成答案。 – TobiasW

答

为了实现这一点：

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

移动文档随时调用您在HTML文件中引用的js文件，并确保所调用的方法是p怨恨。

$(document).ready(function() { 
     colorpick_start(); 
});

这应该是这样吧。

答

的

$(document).ready(function() {

等待，直到DOM准备选择等

如果您加上

$(document).ready(function() {

到你的colorpick.js文件，它将等待DOM准备就绪，然后执行colorpick_start（）。

相信我这会在大多数人开始使用JQuery时发现它。

我知道这件事，我以为我做了很多次这样的事情，但在这种情况下它也没有工作，我不知道为什么。但是$（raumsettings_start）;在第一行现在为我工作。 – TobiasW

哦，它工作，如果我只是在.ready中调用函数，我用ready函数替换了函数... – TobiasW

答

把你的脚本

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

之前</body>标签。这将确保您的页面在脚本启动之前完全加载。

$(document).ready(function() { 
     colorpick_start(); 
    });

此代码正在工作，因为您在加载文档后调用您的函数。文件加载是事件。你可以把你的函数放在你想要的任何事件上，但是如果你只是定义你的函数，它就不会开始。你必须以某种方式调用你的功能。例如将是对点击（或文档加载）

<div id="example"></div> 


    $("#example").on('click', function() { 

    your function here 

    });

答

使用该代码：

$(function(){ 
    $('.colorpicker').val("colorpicker"); //or whatever you like 
});

Plnkr example code

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

相关推荐