jquery与mobile不兼容

我有一个基本的jquery响应菜单代码，它可以很好地减少桌面上的浏览器宽度，但不能用于移动设备本身，它就是为此而设计的。代码如下：

$(document).ready(function(){


    if(document.documentElement.clientWidth < 480){

        $('nav').addClass("wrapper");

        $('.menuresp').click(function(){

            $(this).next('ul').slideToggle();

        });

    }

    else{
    $('nav').removeClass("wrapper");
    }



});

$（文档）.ready（函数（）{
if（document.documentElement.clientWidth<480）{
$（'nav'）.addClass（“包装器”）；
$（'.menuresp'）。单击（函数（）{
$（this）.next（'ul'）.slideToggle（）；
});
}
否则{
$（'nav'）.removeClass（“包装器”）；
}
});

以下是导航html：

<nav>
    <div class="menuresp"></div>

    <ul>
        <li><a href="#">Men</a></li>

        <li><a href="#">Women</a></li>

        <li><a href="#">Brands</a></li>

        <li><a href="#">sale</a></li>

        <li><a href="#">blog</a></li>
    </ul><!-- resp menu -->

    <div class="cb"></div>
</nav>

这是小提琴：

---

另外，我认为jquery在移动设备上根本不起作用，因为我还有一个小的slideToggle脚本不起作用。请告诉我哪里错了。我在micormax canvas2 mobile的默认浏览器上进行了测试。

请确保您以正确的顺序声明头部的脚本标记。..try$（window）.width（）而不是document.documentElement.clientwidthKoushik，请解释“正确顺序”脚本jquery、jquery mobile和您额外的插件脚本。。。。看起来你的代码运行得很好。。。哪个插件使用phoneGap？没有插件使用。我也没有使用jquerymobile。只是我展示的jquery库和脚本