调用 show 时 Kendo UI Notifications 抛出错误

Question

下午好，我是 Kendo UI 的新手，并按照 Telerik 网站上的说明获取通知工作。我在 Telerik 的站点测试工具上进行了测试，通知确实按照实现的方式工作，但在我的站点上却没有。我正在使用 MVC 并包含 kendo.all.min.js 以及 BundleConfig 中的所有 .css 文件，当在 Chrome 上查看 DevTools 时，它确实显示它们正在实现。

我放了一个

<span id="Notification"></span>

在索引页面上。然后，我在一个单独的 .js 文件中添加了 JavaScript，用于初始化剑道通知。

$('#Notification').kendoNotification({
        position: {
            pinned: false,
            top: 0,
            right: 0
        }
    }).data("kendoNotification");

然后在我的 JavaScript 中成功返回 AJAX 调用后，我调用通知。

$('#Notification').show(" Your item has been saved.", "success");

当我运行代码时，我不断收到此错误：

Uncaught TypeError: n.easing[this.easing] is not a function

剑道测试站点上使用的所有文件都已实现，但我不确定为什么会发生这种情况。非常感谢任何帮助。

这是我的剑道示例：http://dojo.telerik.com/iWIXO

Answer 1

您需要包含 jqueryUI 参考。这应该可以解决问题。

<script src='https://code.jquery.com/ui/1.11.3/jquery-ui.min.js'></scr‌​ipt>

PS：确保在 jquery 引用之后包含此引用

Answer 2

我觉得应该是这样的：

var notification = $('#Notification').kendoNotification({
        position: {
            pinned: false,
            top: 0,
            right: 0
        }
    }).data("kendoNotification");

notification.show(" Your item has been saved.", "success");