揭示延迟加载插件错误

Question

我正在尝试在我的 c# .net mvc 项目中使用 unveil 插件。我收到此错误。

jquery.unveil.js:13 未捕获的类型错误：无法读取未定义的属性 'fn'

jquery.unveil.js 脚本文件位于 Scripts 文件夹中。下面是我的观点。

<div class="images">
    <img...
    <img...
    <img...
</div>

<script src="~/Scripts/jquery.unveil.js"></script>

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

    <script>
        (function ($) {   
            $('img').unveil();
        });
</script>

我也试过使用

$( document ).ready(function() {
  $('img').unveil();
  });

并得到错误：

jquery.unveil.js:13 Uncaught TypeError: Cannot read property 'fn' of undefined
    at jquery.unveil.js:13
    at jquery.unveil.js:56


jquery-1.10.2.js:3062 Uncaught TypeError: $(...).unveil is not a function
    at HTMLDocument.<anonymous> (UniMedEd:121)
    at fire (jquery-1.10.2.js:3062)
    at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3174)
    at Function.ready (jquery-1.10.2.js:447)
    at HTMLDocument.completed (jquery-1.10.2.js:118)

即使调用 document.ready 时我假设的第二个错误还没有加载 unveil.js 文件。

任何建议都很好。

谢谢。

Answer 1

jquery.unveil.js:13 Uncaught TypeError: Cannot read property 'fn' of undefined
    at jquery.unveil.js:13
    at jquery.unveil.js:56

L13:   $.fn.unveil = function(threshold, callback) {
L56:   })(window.jQuery || window.Zepto);

jQuery 未定义。

您应该在包含任何 jQuery 插件之前包含 jQuery：

@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery.unveil.js"></script>
<script>
    (function ($) {   
        $('img').unveil();
    });
</script>

揭示延迟加载插件错误

Unveil lazy loading plugin error

jquery

jquery-lazyload