css – Bootstrap工具提示导致屏幕在iPad上跳转

概述因此,当使用Knockout.js将工具提示应用于某些KO绑定 HTML元素时,我正在使用knockout-bootstrap.js lib来协助引导工具提示初始化. <a href="#" data-bind="attr: { tabindex: -1 }, tooltip: { title: buyerHelp, placement: 'top', trigger: 'click', cont 因此,当使用Knockout.Js将工具提示应用于某些KO绑定 HTML元素时,我正在使用knockout-bootstrap.Js lib来协助引导工具提示初始化.

<a href="#" data-bind="attr: { tabindex: -1 },tooltip: { Title: buyerHelp,placement: 'top',trigger: 'click',container: 'body' }"><i ></i></a>

我正在使用触发器：’click’而不是悬停,因为悬停工具提示在使用iPad显示后不会再次隐藏自己.当我点击工具提示图标时,工具提示显示正常但如果页面滚动则会跳回到顶部.我不确定这个问题应该采取什么方向.

我目前正在使用bootstrap 3.0,但与Boostrap 2.3有同样的问题
谢谢！

解决方法 单击时是否实际遵循了链接？如同在点击后尝试加载锚点的href值的页面？由于整个标记未包含在您的示例中,我不确定它是否是一个锚..而且我不确定knockout-bootstrap.Js库是否确保数据绑定事件无法返回(因为它们会在默认点击事件上).如果锚点试图在点击时关注链接,您可以尝试观察点击事件并阻止数据绑定中的事件.比如工具提示后：

data-bind="attr: { tabindex: -1 },tooltip: { Title: sellerHelp,trigger: 'click' },click: function(data,event) { event.preventDefault(); }"

希望这有帮助！

通常,最好在viewmodel中使用处理程序并将其从那里阻止,而不是内联.

阅读敲击中处理点击事件的方式可能会很好：http://knockoutjs.com/documentation/click-binding.html

总结

以上是内存溢出为你收集整理的css – Bootstrap工具提示导致屏幕在iPad上跳转全部内容，希望文章能够帮你解决css – Bootstrap工具提示导致屏幕在iPad上跳转所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。