如何在HTML中包含外部jQuery文件？

Question

我在JSFiddle中做了一个小例子。 没错，但是现在我想将该示例的内容放入计算机中localhost中的文件中。 但是我在包含.js文件时遇到了问题。 它不会加载。 请你能帮我吗？ 问题是什么？

这是我的JSFiddle示例：单击此处

这是我在本地主机中的index.html文件：

<!DOCTYPE html>
<!--This is the first html page of the website-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="This is a simple example">
<meta name="keywords" content="multiple, add, substract"> 
<title>Tirana</title>
<link rel="stylesheet" type="text/css"  href="style2.css">
<link rel="icon" href="images/logo.png" type="image/png" sizes="40x35">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="code.js"></script>
</head>
<body>

<div class="container">
<textarea id="input" name="Input1" cols="40" rows="5" placeholder="enter your input here">
number a =5
number b =7
sum = a+b 
</textarea>
<input type="button" value="test" />
<textarea id="output" name="Output1" cols="40" rows="5" placeholder="output" readonly></textarea>
   </div>

</body>
</html>

我已经使用它来包含.js文件：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="codejs.js"></script>

这是我的codejs.js文件：

$('input[type=button]').click(function () {
    var result= "";
    var lines = $('#input').val().split('\n');

    for (var i = 0; i < lines.length; i++) {
            result += lines[i];
            result += "\n";
    }

    $("#output").html(result);

});

请你能帮我吗？ 提前致谢

Answer 1

您正在寻找的是管理js文件的依赖关系。 有许多可能的选项，例如使用require库。

对于您的代码，解决问题的最简单方法是将代码移入ready块。

$(document).ready(function(){
     // move your code here
});

Answer 2

您可以执行Nikhil正在执行的操作，也可以执行此操作。

你失踪了

$(function(){  // DOM IS NOW READY

    /* YOUR CODE HERE */

});

jQuery文档.ready（）

像这样为您的代码尝试一下。

$(function(){
$('input[type=button]').click(function () {
    var result= "";
    var lines = $('#input').val().split('\n');

    for (var i = 0; i < lines.length; i++) {
            result += lines[i];
            result += "\n";
    }

    $("#output").html(result);

});
});

如何在HTML中包含外部jQuery文件？

问题描述

2 个解决方案

解决方案1
4 2015-08-01 10:37:13

解决方案2
1 2015-08-01 10:42:22

如何在HTML中包含外部jQuery文件？

问题描述

2 个解决方案

解决方案1 4 2015-08-01 10:37:13

解决方案2 1 2015-08-01 10:42:22

解决方案1
4 2015-08-01 10:37:13

解决方案2
1 2015-08-01 10:42:22