Javascript 未捕获类型错误:无法调用方法';removeClass';未定义的剑道小部件中的一个不工作
我试图在我的页面上实现几个KendoUI web小部件,但这些小部件没有按预期工作,并且存在以下问题:Javascript 未捕获类型错误:无法调用方法';removeClass';未定义的剑道小部件中的一个不工作,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我试图在我的页面上实现几个KendoUI web小部件,但这些小部件没有按预期工作,并且存在以下问题: Editor初始化ok,但很少出现像悬停时这样的问题 在一个选项上,它会高亮显示,但当你离开时,它应该会变亮 恢复正常,但事实并非如此 如果我刷新页面几次 比一段时间编辑器初始化得好,但有时不好 其他小部件kendoDatePicker()和kendoDropDownList()是 甚至没有初始化 我的JQ表单验证在此页面上也不起作用 此外,在chrome控制台中,我有以下错误 Uncaugh
Editor
初始化ok,但很少出现像悬停时这样的问题
在一个选项上,它会高亮显示,但当你离开时,它应该会变亮
恢复正常,但事实并非如此编辑器
初始化得好,但有时不好kendoDatePicker()代码>和kendoDropDownList()代码>是
甚至没有初始化
Uncaught TypeError:无法在kendo.web.js
的第23679行调用未定义的方法“removeClass”,该方法说明:
if (value !== DropDownList.fn.value.call(that)) {
that.text(that.options.title);
that._current.removeClass("k-state-selected");//This is line # 23679
that.current(null);
that._oldIndex = that.selectedIndex = -1;
}
我在第页中包含以下脚本:
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/kndu/kendo.web.js"></script>
…
….
<script>
$(document).ready(function () {
$("#editor").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"strikethrough",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull", "insertUnorderedList",
"insertOrderedList",
"formatBlock",
"createLink",
"unlink",
"insertImage",
"insertHtml",
"viewHtml",
{
name: "customTool",
tooltip: "Format as Code",
exec: function (e) {
var editor = $(this).data("kendoEditor");
editor.exec("inserthtml", { value: "<pre>" });
}
}],
});
$("#date").kendoDatePicker();
$("#categry").kendoDropDownList();
$("#newpost").validate({
rules: {
ttle: {
maxlength: 150,
required: true,
onlyChars: true
},
smmry: {
maxlength: 250,
required: true
},
editor: {
maxlength: 35,
required: true
},
categry: {
required: true
}
}
});
});
$.validator.addMethod('onlyChars', function (value) {
return /^[a-zA-Z ]+$/.test(value);
}, 'Please enter a valid name with only alphabets');
</script>
…
….
$(文档).ready(函数(){
$(“#编辑”).kendoEditor({
工具:[
“粗体”,
“斜体”,
“下划线”,
“删除线”,
“为左派辩护”,
“辩护中心”,
“正当权利”,
“证明充分”、“插入不可删除列表”,
“insertOrderedList”,
“格式化块”,
“createLink”,
“取消链接”,
“插入图像”,
“插入TML”,
“查看HTML”,
{
名称:“自定义工具”,
工具提示:“格式为代码”,
执行:功能(e){
var编辑器=$(this.data(“kendoEditor”);
exec(“inserthtml”,{value:});
}
}],
});
$(“#日期”).kendoDatePicker();
$(“#categry”).kendoDropDownList();
$(“#newpost”).validate({
规则:{
ttle:{
最大长度:150,
要求:正确,
真的吗
},
smmry:{
最大长度:250,
必填项:true
},
编辑:{
最大长度:35,
必填项:true
},
类别:{
必填项:true
}
}
});
});
$.validator.addMethod('onlyChars',函数(值){
返回/^[a-zA-Z]+$/.test(值);
},“请输入仅包含字母的有效名称”);
关于插入TML
文档中说:
insertHtml工具需要一组文本-值对。A.
可多次包括分离器
所以你应该有这样的东西:
$(“#编辑器”).kendoEditor({
工具:[
...
“插入TML”,
...
],
插入TML:[
{文本:“标签1”,值:“代码段1”},
{文本:“标签2”,值:“代码段2”}
]
});
$("#editor").kendoEditor({
tools: [
...
"insertHtml",
...
],
insertHtml: [
{ text: "label 1", value: "<p>snippet 1</p>" },
{ text: "label 2", value: "<p>snippet 2</p>" }
]
});