Question

这是我最初遇到的问题。 Bootstrap Responsive Navbar Problem

然后我得到了“wandarkaf”发布的解决方案。它工作正常，解决了我的问题。

现在我的问题是，我的网站有一个动态下拉文件上传系统。它在localhost上完美运行，但在webserver上运行不正常。我意识到，由于我添加了用于克服移动导航下拉问题的下拉脚本，因此未显示第二级和第三级的下拉列表。删除它解决了当前的问题，但引起了以前的问题。并且解决先前的问题引起了当前的问题。

如何解决这两个问题并使其有效。

以下是我上传文件的链接：Dynamic Dropdown File Upload

它应该像这样工作：Example 选择计算机科学工程选项！其他人已被我禁用。

请帮助我克服这两个问题。谢谢。

Answer 1

}(window.jQuery);

$(function () {
  $('html').on('click.dropdown.data-api', clearMenus)
  $('body').on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
       .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
       .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
});

应该是，

$(function () {
  $('html').on('click.dropdown.data-api', clearMenus)
  $('body').on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
       .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
       .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
});

}( window.jQuery );

Answer 2

好的，所有人。虽然变形者一直对我耐心并帮助我尽力而为。这是另一个解决方案。

显然，Twitter Bootstrap 2.2.2的最新版本存在问题。当您使用引导下拉子菜单时，触摸触摸设备上的链接时，您不会被重定向到链接，而是下拉列表或菜单只需切换回关闭。所以暂时，他们要求输入一些代码并修复它（就像上面的答案和github上发现的许多其他代码一样）但添加此代码有时可能会禁用正常的下拉列表或提出其他问题。某些东西或其他东西一直出错，而且它也无法在所有触摸设备上运行。在亲朋好友的帮助下，我亲自在iPhone，Galaxies，Windows手机，诺基亚等上尝试过。

所以在GitHub上浏览了很多类似的问题之后，我发现他们中的很多人都回到了Twitter Bootstrap Version 2.0.4，它完全没有任何问题，无论是下拉还是触摸设备。此版本的boostrap.js适用于所有设备，无需用户编辑或进行任何更改。

如果有人遇到类似问题，我暂时给你一个解决方法。 Bootstrap开发人员正在努力。如果你想要2.0.4版本，这里是链接： Twitter Bootstrap 2.0.4

全部谢谢！

由于下拉脚本，动态下拉列表无法正常工作

2 个答案: