当调用show时,Kendo UI Notifications会抛出错误

时间:2015-11-20 20:48:09

标签: kendo-ui telerik

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

我放了一个

<span id="Notification"></span>
索引页面上的

。然后我在一个单独的.js文件上使用JavaScript来初始化kendo通知。

$('#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

2 个答案:

答案 0 :(得分:1)

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

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

PS:确保在jquery引用

之后包含此引用

答案 1 :(得分:0)

我认为应该是这样的:

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

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