Javascript 剑道UI图标上的工具提示

我有一个按钮，其中有图标，我想附加工具提示时，在该图标悬停

但它不起作用，请参见下面的示例：

$（文档）.ready（函数（）{
$（“#primaryTextButton”）.kendoButton({
图标：“过滤器清除”
});
$（“#文本按钮”）。肯多布顿({
图标：“过滤器清除”
});
变量工具提示=$（“#示例”）.kendoTooltip({
过滤器：“按钮[工具提示]>span”，
位置：“顶部”，
内容：职能（e）{
var目标=e.target；
if（target.parent（）.attr（“工具提示”））{
返回target.parent（）.attr（“工具提示”）；
}否则{
返回null；
}
}
});
});
。演示部分p{
利润率：0.30px；
线高：50px；
}
.演示部分p.k-按钮{
裕度：0 10px 0 0；
}
.k-小学{
最小宽度：150px；
}

html{
字体大小：14px；
字体系列：Arial、Helvetica、无衬线字体；
}
基本按钮

主按钮
按钮

您试图在图标实际出现之前将其呈现在
span
元素中，因此您的过滤器失败

如果将过滤器更改为以下设置，您仍然可以：

过滤器：“按钮[工具提示]”

显然，这假设您不需要仅在图标悬停时显示工具提示，但这取决于您的要求。：）
 我要求仅在图标上方显示工具提示。感谢您解释过滤器出现故障的原因。关于这个问题呢？