【问题标题】:Twitter Bootstrap Dropdown events Not Firing on Touch DevicesTwitter Bootstrap 下拉事件未在触摸设备上触发
【发布时间】:2012-10-02 09:29:45
【问题描述】:

下拉菜单可以正常打开和关闭,但未触发点击事件/或触摸事件。我整理了一个小测试用例demo,但它同样容易运行twitter bootsrap docs。我已经在 Android 和 iOS 设备上尝试过。

我希望通过包含 jQueryMobile 或 Hammer.js 之类的事件库来进行纠正,但我不确定这是否会有所帮助,因为 Twitter Bootstap(我认为)包含其自己的触摸处理程序。

还有其他人遇到过这个问题吗?

【问题讨论】:

  • 事件发生了变化?!!一秒钟……
  • @PhonicUK 我在获取更改事件以触发 atm 时遇到了麻烦。我正在使用成功触发的 JQM 的点击事件来寻找解决方案。我正在处理一些事情,我会以一些适当的发现回复你。

标签: javascript jquery twitter-bootstrap touch-event


【解决方案1】:

作为解决此问题的方法,我使用了 Jquery Mobile 触摸事件并在下拉列表中侦听了 Tapevents。这是一个简单的实现:

            $(".dropdown-menu").on("tap", "li a", function(e, ui){
                e.preventDefault();

                if ($(this).attr("data-toggle") === "modal")
                {
                     $($(this).attr('href')).modal("show");
                }

                return false;
            })

【讨论】:

    【解决方案2】:

    似乎是在引导程序 2.1.2 中解决的已知问题 - https://github.com/twitter/bootstrap/pull/5054

    编辑:尝试应用工单中的更改,但也无法正常工作。

    @CrimsonChin - 你能详细说明你的实现吗?我试过你的代码,但是使用 JQM 和 bootstrap 我得到了各种奇怪的行为。

    【讨论】:

    • 对于我的实现,我使用了 JQM 下载构建器,并且刚刚下载了事件和必要的核心文件。
    猜你喜欢
    • 2013-11-25
    • 1970-01-01
    • 2019-05-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-27
    • 2011-12-05
    • 1970-01-01
    相关资源
    最近更新 更多