Chr*_*mey 5 html javascript kendo-ui
我刚刚开始使用Kendo UI,我无法让其中一个演示工作.我得到Uncaught TypeError:无法在第43行读取未定义的属性'observable'.我该如何解决这个问题?任何帮助表示赞赏.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="./styles/kendo.common.min.css" rel="stylesheet" />
<script src="./js/jquery.min.js"></script>
<script src="./js/angular.min.js"></script>
<script src="./js/kendo.core.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-header">
<div class="box-col" style="width: 300px">
<h4>Change the value</h4>
<input data-role="slider"
data-min="0"
data-max="50"
data-small-step="5"
data-large-step="10"
data-bind="visible: isVisible,
enabled: isEnabled,
value: selectedNumber,
events: { change: onChange }"
style="width: 180px">
</div>
<div class="box-col console-section">
<h4>Console</h4>
<div class="console"></div>
</div>
</div>
<div class="box">
<div class="box-col" style="width: 300px">
<h4>Configuration</h4>
<div>
<label><input type="checkbox" data-bind="checked: isEnabled">Enable</label>
</div>
<div>
<label><input type="checkbox" data-bind="checked: isVisible">Visible</label>
</div>
</div>
</div>
<script>
var viewModel = kendo.observable({
selectedNumber: 0,
isEnabled: true,
isVisible: true,
onChange: function() {
kendoConsole.log("event :: change (" + this.get("selectedNumber") + ")");
}
});
kendo.bind($("#example"), viewModel);
</script>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您必须有一个未加载的脚本。我的猜测是你的路径是错误的。请注意,当您href以 和src开头时./,意味着查找当前目录的子目录。您很可能不希望该点出现在那里。
我能够在这里成功地重新创建您的示例:http ://jsfiddle.net/95w1e3s3/