Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 附加jquery鼠标盖以与平板电脑兼容_Javascript_Jquery - Fatal编程技术网

Javascript 附加jquery鼠标盖以与平板电脑兼容

Javascript 附加jquery鼠标盖以与平板电脑兼容,javascript,jquery,Javascript,Jquery,我目前正在使用一款“mega nav”,它出现在鼠标上方,包含一小部分标签,但我希望它能与平板电脑设备兼容。目前,我对这两个方面的编码都不是很熟悉,通常我使用的是响应模板,而在这里我并不熟悉 可以使用touchstart附加以下内容来处理这两个问题,还是必须从头开始 $(function() { var $items = $('#vtab_used>ul>li'); $items.mouseover(function() {

我目前正在使用一款“mega nav”,它出现在鼠标上方,包含一小部分标签,但我希望它能与平板电脑设备兼容。目前,我对这两个方面的编码都不是很熟悉,通常我使用的是响应模板,而在这里我并不熟悉

可以使用touchstart附加以下内容来处理这两个问题,还是必须从头开始

    $(function() {
        var $items = $('#vtab_used>ul>li');
        $items.mouseover(function() {
            $items.removeClass('selected');
            $(this).addClass('selected');

            var index = $items.index($(this));
            $('#vtab_used>div').hide().eq(index).show();
        }).eq(0).mouseover();
    });

鼠标盖在触摸屏上没有意义。您需要将鼠标悬停与touchstart/touchmove/touchend事件相结合来模拟鼠标悬停。您所说的“超级导航”是什么意思。这是开源库吗?不,这是一个纯css导航。基本上只是在我的菜单宽度下方显示一个巨大的div,当你将鼠标悬停在一个菜单项上时,接下来我将尝试使那个家伙兼容。