Question

我想稍微清除我的代码，我想在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>

Answer 1

$(document).ready(function() {

等待DOM准备好选择器等。

如果添加

$(document).ready(function() {

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

相信我，当他们开始使用JQuery时，这会吸引大多数人。

Answer 2

放置你的剧本

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

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

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

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

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


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

    your function here

    });

Answer 3

为了达到这个目的：

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

将文档就绪调用移动到您在HTML文件中引用的js文件，并确保调用的方法存在。

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

这应该是这样的。

Answer 4

使用该代码：

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

Plnkr example code

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

4 个答案: