Kendo ui 将内容字段设置为div元素时。。在连接和可见性方面有问题
问题：我正在为剑道工具提示的内容属性指定一个div。。。问题是，当我附加工具提示时。。。div就在那里，直到我将鼠标悬停在我附加到的元素上，工具提示才真正连接起来。。。你可以在我下面的代码中看到这是如何不起作用的。。。粘贴到剑道道场，然后看。。。。只需单击按钮（不要将鼠标悬停在文本框上）。。然后你会看到div出现，当你将鼠标悬停在文本框上时，它会做它应该做的事情。。。我做了一个变通办法，被注释掉了。。。但它闪烁了一秒钟。。。有没有一种方法可以让工具提示连接起来并隐藏content divKendo ui 将内容字段设置为div元素时。。在连接和可见性方面有问题,kendo-ui,kendo-tooltip,Kendo Ui,Kendo Tooltip,问题：我正在为剑道工具提示的内容属性指定一个div。。。问题是，当我附加工具提示时。。。div就在那里，直到我将鼠标悬停在我附加到的元素上，工具提示才真正连接起来。。。你可以在我下面的代码中看到这是如何不起作用的。。。粘贴到剑道道场，然后看。。。。只需单击按钮（不要将鼠标悬停在文本框上）。。然后你会看到div出现，当你将鼠标悬停在文本框上时，它会做它应该做的事情。。。我做了一个变通办法，被注释掉了。。。但它闪烁了一秒钟。。。有没有一种方法可以让工具提示连接起来并隐藏content div <
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.223/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.223/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>
</head>
<body>
<div id="view" data-bind="enabled: isNameEnabled">
<button id="button1" data-bind="click: updateTooltip">Change Tooltip</button>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<input id="text1" type="text" data-bind="value: name" />
<div id="toolTipDiv"></div>
</div>
<script>
var viewModel = kendo.observable({
isNameEnabled: false,
name: "John Doe",
updateTooltip: function () {
var kendoToolTip = window.toolTipEl.data("kendoTooltip");
// comment this out to see
//div1.hide();
//kendoToolTip.show();
//kendoToolTip.hide();
//div1.show();
//end comment
div1.text(text1.value);
}
});
var div1 = $("#toolTipDiv");
window.toolTipEl = $("#text1");
kendo.bind($("#view"), viewModel);
window.toolTipEl.kendoTooltip({
content: div1, position: "top",autohide:true
});
</script></body>
</html>
更改工具提示
var viewModel=kendo.observable({
isNameEnabled:false，
姓名：“约翰·多伊”，
UPDATETOLTIP:函数（）{
var kendoToolTip=window.toolTipEl.data（“kendoToolTip”）；
//请对此进行评论以查看
//div1.hide（）；
//kendoToolTip.show（）；
//kendoToolTip.hide（）；
//div1.show（）；
//结束语
div1.text（text1.value）；
}
});
var div1=$（“#工具提示div”）；
window.toolTipEl=$（“#text1”）；
bind（$（“#视图”），viewModel）；
window.toolTipEl.kendoTooltip({
内容：div1，位置：“top”，自动隐藏：true
});
<div id="toolTipDiv" aria-hidden="true" style="display: none"></div>
...
updateTooltip: function () {
div1.text(text1.value);
}
...
window.toolTipEl.kendoTooltip({
content: function(e) {
return div1.text();
},
...
UPDATETOLTIP:函数（）{
div1.text（text1.value）；
}
...
window.toolTipEl.kendoTooltip({
内容：职能（e）{
返回div1.text（）；
},