无法获取代码在html文件中工作,但可以在jsfiddle上工作

时间:2013-11-18 03:14:11

标签: javascript jquery html jsfiddle

我正在尝试在我的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>

我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

<head>

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