Question

我在Safari中遇到了一些问题。

当我点击搜索图标时，我们有下拉搜索输入，当我开始写东西时，顶部栏被打破。

但是当顶部栏打开并且我们在搜索中写了一些东西时，一切都很好。

我不知道为什么会这样，但在Chrome中一切都还可以。

<nav class="top-bar" data-topbar role="navigation">
            <ul class="title-area">
                <li class="name">
                    <a href="#"><img src="img/logo.png" alt="logobrand"/></a>
                </li>

                <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
                <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>

                <li class="mob_search">
                    <span class="search"></span>

                    <div class="drop_search">
                        <div class=" collapse">
                            <div class="large-12 small-12 columns">
                                <form action="">
                                <button type="submit" class="search"></button>
                                <input type="search" placeholder="what are you looking for?">
                                </form>
                            </div>
                        </div>
                    </div>
                </li>

            </ul>

            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    <li class="divider"></li> .....

---- ---- JS

$(".mob_search > .search").click(function(){
   $(".drop_search").toggle("slow");
});`

Safari中的Foundation 5 topbar搜索

---- ---- JS

0 个答案: