3

这是我最初遇到的问题。 Bootstrap 响应式导航栏问题

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

现在我的问题是，我的网站有一个动态下拉文件上传系统。它在本地主机上完美运行，但在网络服务器上却不行。我意识到，由于我为克服移动导航下拉问题而添加的下拉脚本，因此不会出现第二级和第三级的下拉菜单。删除它可以解决当前问题，但会导致先前的问题。而解决之前的问题，就会产生现在的问题。

我如何解决这两个问题并使事情正常进行。

这是我的文件上传的链接：动态下拉文件上传

它应该像这样工作：示例 选择计算机科学工程选项！其他的都被我禁用了。

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

4

2 回答 2

2 
}(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 );
于 2013-01-10T04:19:26.653 回答
1

好的，你们所有人。尽管变形者一直对我很有耐心，并尽其所能帮助我。这是另一个解决方案。

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

所以在 GitHub 上浏览了很多类似的问题后，我发现他们中的许多人切换回 Twitter Bootstrap 版本 2.0.4，它完全没有问题，无论是下拉菜单还是触摸设备。这个版本的 boostrap.js 可以在所有设备上正常工作，无需用户编辑或进行任何更改。

如果有人遇到类似的问题，我暂时给你解决了。Bootstrap 开发人员正在研究它。如果你想要 2.0.4 版本，这里是链接： Twitter Bootstrap 2.0.4

谢谢大家！

于 2013-01-10T14:37:37.637 回答