从js控制台执行Kendo命令 - 无声地失败

时间:2015-11-18 03:03:57

标签: javascript kendo-ui

如果我将以下代码块放在HTML页面的末尾,我会看到一个很好的KendoUI颜色选择器:

$("#tail").kendoFlatColorPicker({
    preview: false,
    value: "#000"
});

但是,如果我在加载页面后从Javascript控制台执行代码,则无法以静默方式执行任何操作。

我想我对剑道是如何做到这一点有一个根本的误解(我期待与ExtJS类似的行为 - 从控制台执行)。任何人都可以解释导致这种行为的差异吗?

编辑: 这是完整的源代码(除非我从控制台执行脚本,否则可以正常工作)

<!DOCTYPE html>
<html>
<head>
<style>
html {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.material.min.css" />

<script src="//kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example">
        <div id="tail" class="picker"></div>
    </div>
<script>
$("#tail").kendoFlatColorPicker({
    preview: false,
    value: "#000" 
});
</script>
</body>
</html>

0 个答案:

没有答案