Ajax在桌面上工作得很好,但在手机/平板电脑上却没有

时间:2016-03-17 18:56:58

标签: javascript ajax

我一直试图在桌面和手机上使用它,但问题是我在网站上的Ajax,在桌面上运行良好,而不是在手机/平板电脑上运行,或者在iphone上运行或Android,几个经过测试但仍然无法在手机/平板电脑上运行的浏览器。

这是代码

$(function() {
    $('.navmenu a').bind('click', function(event) {
        if ($(this).hasClass('disableLink'))
        {
            event.preventDefault();
            var urlToGo = $(this).attr('href');
            if (!$(this).attr('id'))
            {
                $.ajax({
                    url: urlToGo,
                    dataType: 'html',
                    success: function(result)
                    {
                        $(".container").html(result);
                    }
                });
            }
            else
            {
                var dataToPass = {tipo : $(this).attr('id'), nome : $(this).text()}
                $.ajax({
                    type: 'POST',
                    url: urlToGo,
                    data: dataToPass,
                    success: function(result)
                    {
                        $(".container").html(result);
                    },
                    error: function(jqXHR, textStatus, errorThrown)
                    {
                        alert(textStatus, errorThrown);
                    }
                });
            }
        }
        if ($( window ).width() <= "992" && !$(this).hasClass('dropdown-toggle'))
        {
            $('.navmenu').offcanvas('hide');
        }
    });
});

这里有什么问题,IF上的那个没有任何问题,但是当我尝试使用POST不能在手机/桌面上工作但在台式机上完美

1 个答案:

答案 0 :(得分:0)

它认为问题出在jasny bootstrap上,它是一个将在下一个版本上修复的bug,而工作是通过添加这个.navmenu-nav.dropdown-menu {position:relative;到页面的CSS。