TypeError: $(...).everyTime is not a function

$(function () {
    $('body').everyTime('1s', "mytimer", function () {
        console.log('b');
    });
})

我在webstorm上运行没有问题,但是把脚本放到mvc中运行就报错:

引用也没有问题

TypeError: $(...).everyTime is not a function_第1张图片

我在网上找到类似的错误说是js引用顺序的问题,我突然想到我用了布局页_Layout.chtml;我打开发现果然在添加视图的

地方@RenderBody() 之后又引入了jQuery;

TypeError: $(...).everyTime is not a function_第2张图片

所以我现在js加载顺序是:

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/jquery")

加载完时间插件之后再次加载jQuery把jQuery $覆盖找不到对象的扩展方法ereryTime();

解决方法一:在布局页中_Layout.chtml 把 @Scripts.Render("~/bundles/jquery")去掉,不过这样去掉后使用布局页,须自己  添加jQuery引用

解决方法二:布局页中_Layout.chtml 引用 @Scripts.Render("~/bundles/jquery") 放到 视图加载的前面  @RenderBody()



你可能感兴趣的:(jquery)