Ajax working perfect on Desktop but not on phones/Tablet
<p>I have been trying to put this to work both on desktop and phones, but the problem is that the Ajax that I have on the site, just works well on the desktop, not on the phones/tablets, either is on iphone or android, several browsers where tested and still doesn't work on phone/tablet.</p>

<p>here is the code </p>

<pre><code>$(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() &lt;= "992" &amp;&amp; !$(this).hasClass('dropdown-toggle'))
        {
            $('.navmenu').offcanvas('hide');
        }
    });
});
</code></pre>

<p>What is wrong in here, the one on the IF works without any problem, but when I try to use the POST doesn't work on phone/table but perfect on desktops</p>