Question

我似乎和这个帖子有同样的问题。

Jquery code not working on mobile device but working in browser

在我的网站http://dknytkom.dk/forside/中，菜单底部（一旦页面宽度小于480像素，通过媒体查询显示）将会显示链接下方的菜单。

在浏览器上，这可以正常工作 - 但不能在我的iPhone上。

点击似乎有效，但div class =“menu”不会切换。

$menuknap.click(function(){

$('.menu').toggle(); $('a').css('color','red'); $emneoversigt.removeClass('listitem').addClass('displaynone'); });

我尝试使用on（）方法，但似乎没有正确附加。

这是html：

<ul>
            <li><a class="soege-knap mob-nav"></a></li>
            <li><a class="menu-knap mob-nav" ></a></li>
        </ul>

<div class="menu">
    <ul id="menu-list-portal" class="menu-list venstrefloat">
        <li><a href="<?=$grundsti;?>forside/?sekt=Stat">Stat</a></li>
        <li><a href="<?=$grundsti;?>forside/?sekt=Region">Region</a></li>
        <li><a href="<?=$grundsti;?>forside/?kat=35">KL</a></li>
        <li><a href="<?=$grundsti;?>forside/?sekt=Kommune">Kommune</a></li>
        <li><a href="<?=$grundsti;?>forside/?sekt=EU">EU</a></li>
        <li><a href="<?=$grundsti;?>debat.php">Debat</a></li>
        <li><a href="<?=$grundsti;?>forside/?baggrund=1">Baggrund</a></li>
    </ul>
        <div id="indexbtn" style="cursor:pointer" class="hoejrefloat"><a>&nbsp;Fagområder&nbsp;&#9662;</a></div>
        <div class="clearfloat"></div>
<div class="clearfloat"></div>
<div id="emneoversigt" class="displaynone">
        <ul><li><a class="counter padding5 background-colour7" href="<?=$grundsti;?>forside/?kat=<?=$kategori['id'];?>"></a></li>
                        </ul>
</div>
</div>

以下是完整的脚本：

$(document).ready(function() {

$soeg = $('a.soege-knap');
$mobnav = $('a.mob-nav');
$soegelist = $('div#search-table') ;
$searchtable = $('#search-table') ;
$soegefelt = $('ul.menu-item-holder > li:last-child');
$menuknap = $('a.menu-knap');
$menu = $('div.menu')
$menulist = $('.menu li')
$emneoversigt = $('#emneoversigt')
$emneoversigtlistitem = $('#emneoversigt li')
$('.mob-nav').css('cursor','pointer');


$soeg.click(function(){


$soegelist.toggle();
$soegefelt.toggle();
$soeg.toggleClass("x")
                                                                        });
    $menuknap.click(function(){

$('.menu').toggle();
$('a').css('color','red');
$emneoversigt.removeClass('listitem').addClass('displaynone');
});

            $('#indexbtn').click(function(){    
                                    $emneoversigt.toggleClass('listitem');

                            });

Answer 1

对不起 - 白痴无法治愈。

div从未在设备上加载，因为我有一个php if语句，要求它不包括菜单以防万一它检测到智能手机。

非常抱歉！

Jquery代码在浏览器中工作 - 但不是设备

1 个答案: