Question

如果我将以下代码块放在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>

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

0 个答案: