Javascript 未捕获类型错误:无法调用方法';removeClass';未定义的剑道小部件中的一个不工作

Javascript 未捕获类型错误:无法调用方法';removeClass';未定义的剑道小部件中的一个不工作,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我试图在我的页面上实现几个KendoUI web小部件,但这些小部件没有按预期工作,并且存在以下问题: Editor初始化ok,但很少出现像悬停时这样的问题 在一个选项上,它会高亮显示,但当你离开时,它应该会变亮 恢复正常,但事实并非如此 如果我刷新页面几次 比一段时间编辑器初始化得好,但有时不好 其他小部件kendoDatePicker()和kendoDropDownList()是 甚至没有初始化 我的JQ表单验证在此页面上也不起作用 此外,在chrome控制台中,我有以下错误 Uncaugh

我试图在我的页面上实现几个KendoUI web小部件,但这些小部件没有按预期工作,并且存在以下问题:

  • Editor
    初始化ok,但很少出现像悬停时这样的问题 在一个选项上,它会高亮显示,但当你离开时,它应该会变亮 恢复正常,但事实并非如此
  • 如果我刷新页面几次 比一段时间
    编辑器
    初始化得好,但有时不好
  • 其他小部件
    kendoDatePicker()
    kendoDropDownList()是
    甚至没有初始化
  • 我的JQ表单验证在此页面上也不起作用
  • 此外,在chrome控制台中,我有以下错误
    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>" }
        ]
    });