Jquery代码可以在浏览器中工作，但不能在设备中工作

我似乎和这条线有同样的问题

在我的网站中，当页面宽度小于480px时，媒体查询显示的菜单底部将在链接下方拖动菜单

在浏览器上这很好——但在我的iphone上不行

单击似乎有效，但div class=菜单不切换

$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>

---

对不起，白痴是无法治愈的

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

---

非常抱歉

Der er da ingen class=menu knap-在$body.css'background-color'，'blue'上也有错误；应该是$body.css'background-color'，'blue'；在和中添加href，在click@mplungjan抱歉-现在添加了html。@mplungjan如果我能理解的话，我会试试你的建议。当切换搜索字段时，serach按钮放大镜工作正常，但href添加了event.preventDefault，但div仍然不会显示在我的手机上。没问题-如果删除答案，可以删除问题。可以。尽管事件发生了，但我们还是默认了；似乎没有任何效果。你有什么想法吗$fagomraadeknap=$'aindexbtn'$fagomraadeknap.clickfunction{$'emneoversigt'.toggle；event.preventDefault；}；$fagomraadeknap.stop event.preventDefault；如果我把功能放在li而不是锚上，它就会工作。但是，难道不可能通过preventDefault启用锚点吗？您只需要在链接上进行阻止：$someLink.onclick，function{e.preventDefault。。。

$(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');

                            });