无法让代码在 html 文件中工作，但可以在 jsfiddle 上工作 [关闭]答案

【问题标题】：Can't get code to work in html file but will work on jsfiddle [closed]无法让代码在 html 文件中工作，但可以在 jsfiddle 上工作 [关闭]
【发布时间】：2013-11-18 11:26:23
【问题描述】：

我正在尝试在我的 html 文件中使用此代码。如果我使用链接 http://jsfiddle.net/eqkmv/1/show/ 它将起作用，但是当我尝试查看页面源并将代码复制/粘贴到 html 文件中时，javascript 不起作用。

这里是javascript：

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('#search').submit(function (e) {
e.preventDefault();

MoneyForTrip();

return false;
});

function MoneyForTrip() {
var money = parseInt(document.getElementById('moneyfortrip').value);

$('.trip-result').hide();

if (money <= 800) {
    $('.trip-less-800').show();
}

if (money > 800 && money <= 1200) {
    $('.trip-800-1200').show();
}
}
});//]]>  

</script>

我错过了什么吗？

【问题讨论】：

请向我们展示您的 HTML 文件。
你用的是什么浏览器？
我的 html 文件只是来自视图源的精确复制/粘贴代码。至于错误，当我使用 html 文件时，当我点击“显示我的旅行”时它不会显示目的地
你用的是什么浏览器？
这个问题似乎是题外话，因为 OP 不包括 jQuery。

标签： javascript jquery html jsfiddle

【解决方案1】：

在<head>中添加jQuery

<script src= "http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>

【讨论】：

似乎已经做到了。那么每次我使用来自 jsfiddle 的查询代码时都必须包含该脚本吗？
不是所有的时间.. 但只要你想使用 jQuery 函数......
@Godin1 设置 jsFiddle 时，在左侧，您可以指定要包含的 jQuery 版本（如果有）。如果您选中这些选项之一，那么您需要在您的 html 中包含该脚本