大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap的工具提示不能与敲除绑定一起使用? (w小调),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
码:
var viewmodel = function (first,last) { var self = this; self.showIcon = ko.observable(false); self.triggerIcon = function () { self.showIcon(true); }; }; $('.card-delete-button').tooltip({ 'placement': 'top','title': 'Text' }); ko.applyBindings(new viewmodel("Planet","Earth"));
由于某些原因,“.card-delete-button”不显示工具提示。我认为这是因为在触发器触发功能被触发之前DOM元素是不可用的。但在应用程序中,我必须将这些工具提示绑定到很多不同的元素,并且宁愿在一个地方执行一次,而不是将绑定粘贴到triggerIcon函数中。这怎么可以实现?
ko.bindingHandlers.tooltip = { init: function(element,valueAccessor) { var local = ko.utilS.UnwrapObservable(valueAccessor()),options = {}; ko.utils.extend(options,ko.bindingHandlers.tooltip.options); ko.utils.extend(options,local); $(element).tooltip(options); ko.utils.domNodeDisposal.addDisposeCallBACk(element,function() { $(element).tooltip("destroy"); }); },options: { placement: "right",trigger: "click" } };
然后,您可以在您的页面上使用此绑定,如:
<input data-bind="value: name,tooltip: { title: Help,trigger: 'hover' }" />
您可以全局设置选项,然后用任何传入绑定的方式覆盖它们。
当您进入模板和控制流情况时,使用@L_450_12@绑定真的有帮助,因为它将在正确的时间自动初始化(并清理),而无需手动知道何时调用代码。
以上是大佬教程为你收集整理的twitter-bootstrap – Bootstrap的工具提示不能与敲除绑定一起使用? (w小调)全部内容,希望文章能够帮你解决twitter-bootstrap – Bootstrap的工具提示不能与敲除绑定一起使用? (w小调)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。