引导子菜单链接无法工作

Question

我看到这个问题到处都是，我已经实现了多种不同的解决方案，但似乎没有任何效果。我有一个可折叠的引导菜单，其中包含子菜单。单击子菜单链接时，它只会关闭子菜单，而不会重定向到该链接。我已经实现了以下脚本，我原以为它能做到这一点：

$('.dropdown-toggle').click(function(e) {
    e.preventDefault();
    setTimeout($.proxy(function() {
        if ('ontouchstart' in document.documentElement) {
            $(this).siblings('.dropdown-backdrop').off().remove();
        }
    }, this), 0);
});

这个脚本允许在触摸屏设备上下拉菜单，但是链接不起作用。我试着删除e.preventDefault();行，但这似乎也不起作用。

如何让我的子菜单链接在移动触摸屏上工作？它们在桌面上工作得很好，当我按住触摸屏上的链接时，我可以在一个新的选项卡中打开正确的链接，但是当你点击它的时候，它就不能工作了。

编辑：这里是我的一部分：

<div class="span3">
    <li class="dropdown-submenu">
        <a href="#" tabindex='-1' class="dropdown-toggle nav-header" data-toggle="dropdown"><i class='icon-time'></i>Time Clock Management</a>
        <ul class='dropdown-menu'>
            <li><a href="#">Labor Scheduling</a></li>
            <li><a href="/change-manager/">Change Manager</a></li>
        </ul>
    </li>
</div>

Answer 1

我通过添加以下javascript解决了这个问题：

$('.dropdown-submenu ul.dropdown-menu li a').on('touchstart', function(e) {
    e.preventDefault();
    window.location.href = $(this).attr('href');
})