Bootstrap子菜單鏈接不起作用

Question

我已經看到了這個問題，我已經實現了多種不同的解決方案，但我似乎沒有任何工作。 我有一個bootstrap可折疊菜單，其中包含子菜單。 單擊子菜單鏈接時，它只關閉子菜單，不會重定向到鏈接。 我已經實現了以下腳本，我曾想過會這樣做：

$('.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(); 但這似乎也不起作用。

如何讓我的子菜單鏈接在移動觸摸屏上工作？ 它們可以在桌面上正常工作，當我按住觸摸屏上的鏈接時，我可以在新選項卡中打開正確的鏈接，但是當您點擊它時它不起作用。

編輯：這是我的一塊HTML：

<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');
})