剑道DropDownList工具提示重点

Question

有什么办法如何显示剑道DropDownList上的工具提示重点？悬停工作，点击工作，但不关注。我想实现Bootstrap popover到DropDownList，但似乎Kendo Tooltip不起作用。

<input id="myInput" class="k-group" /> 


$("#myInput").kendoDropDownList({}).data("kendoDropDownList").wrapper.find(".k-input").kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'focus' // DOESN'T WORK 
    //showOn: 'mouseenter' // Works fine 
    //showOn: 'click' // Works fine 
}); 

https://codepen.io/raptor/pen/ZXzOwQ

编辑： 我想知道，为什么对焦方法是行不通的。它不支持DropDownList选项吗？

Answer 1

手动表露出来：

var e = $("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .find(".k-input") 
     .kendoTooltip({ 
     content: 'tooltip tooltip tooltip', 
     showOn: 'mouseenter click' 
     }); 

e.closest(".k-widget").on("focus", function() { 
    $(this).find(".k-input").data("kendoTooltip").show(); 
}); 

Demo

UPDATE：

更重要的是，建立在wrapper的提示，而不是.k-input：

$("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'mouseenter click focus' 
    }); 

Updated Demo