引入js文件后,在第一行提示Uncaught SyntaxError: Unexpected token '<'错误
<script src="../js/product.js"></script>
<script src="../js/imgmove.js"></script>
<script src="../js/jquery-getUrlParam.js"></script>
路径应该是没有问题的,我点进去能跳转到相应的js文件,
而且同一路径下的menu.js能访问的得到
<script src="../js/menu.js"></script>
在resource下面找得到menu.js,却找不到product.js、mgmove.js、jquery-getUrlParam.js
以下是三个文件的代码:
product.js
$(function() {
/*商品小图片加鼠标移入加边框、移出移除边框*/
$(".img-small").hover(function() {
$(this).css("border", "1px solid #4288c3");
},
function() {
$(this).css("border", "");
})
//点击时变化大图片
$(".img-small").click(function() {
//获得点击的小图片数据
var n = $(this).attr("data");
//所有大图隐藏
$(".img-big").hide();
//显示点击的小图对应的大图
$(".img-big[data='" + n + "']").show();
})
//购物数量加1
$("#numUp").click(function() {
var n = parseInt($("#num").val());
$("#num").val(n + 1);
})
//购物数量-1
$("#numDown").click(function() {
var n = parseInt($("#num").val());
if (n == 1) {
return;
}
$("#num").val(n - 1);
})
//点购物车跳页面
$(".go-cart").click(function() {
location.href = "cart.html";
});
$(".img-big:eq(0)").show();
})
mgmove.js
$(function() {
/*图片变大的样式*/
$(".move-img").hover(function() {
$(this).animate({
"background-size": "110%"
}, "fast");
}, function() {
$(this).animate({
"background-size": "100%"
}, "fast");
})
});
jquery-getUrlParam.js
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
})(jQuery);
求解答