.toggle在Safari中不起作用 [英] .toggle not working in Safari

问题描述

出于某种原因，这在Safari浏览器中并不总是有效，在iPad上的功能甚至更少，您猜到吗? =(

For some reason this doesn't always work in safari and functions even less on the iPad, any guesses? =(

$(".dropdown .sub").click(function () {
     $("#menu .holder").toggle();
});

推荐答案

在查看了提供的网页之后，切换选择器似乎有很多子级.像这样:

After looking at the web page provided It appears that the toggle selector has many children. Something like this:

<div id="menu" class="dropdown">
    <ul>
        <li class="level1">
            <a class="sub" href="#"><strong>TV &amp; Video</strong></a>
            <div class="holder">HOLDER</div>
        </li>
        <li class="level1">
            <a class="sub" href="#"><strong>TV &amp; Video</strong></a>
            <div class="holder">HOLDER</div>
        </li>
    </ul>
</div>

这不起作用:

$(".dropdown .sub").click(function () {
     $("#menu .holder").toggle();
});

您将需要找到第一个兄弟元素.

You will need to find the first sibling element.

$(".dropdown .sub").click(function () {
     $(this).siblings(".holder").eq(0).toggle();
});

在此处查找jsfiddle-> http://jsfiddle.net/rCN9n/5/

Find a jsfiddle of this here ->http://jsfiddle.net/rCN9n/5/

这篇关于.toggle在Safari中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！