Javascript IOS/safari，Skeljs侧导航问题

我决定使用HTML5up模板（Verti=>）作为客户端WordPress主题的基础。客户端需要我提前部署，因此站点是live=>。侧面导航在IOS/safari或iPhone上的Chrome上不起作用。这些是唯一有问题的浏览器

<div id="header-wrapper">
            <header id="header" class="container">              
                <!-- Logo -->
                    <div id="logo">
                        <h1><a href="index.html">Culinary Craft</a></h1>
                        <span>Catering Co.</span>
                    </div>

                <!-- Nav -->
                    <nav id="nav">
                        <ul>
                            <li class="current"><a href="<?php echo get_site_url(); ?>">Home</a></li>
                            <li>
                                <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                <ul>
                                        <li>
                                        <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                            <ul>
                                                <li><a href="<?php echo get_site_url(); ?>/our-services">Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/liquid-catering">Liquid Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/corporate-events">Weddings and Corporate Events</a></li>
                                            </ul>
                                        </li>

                                    <li><a href="<?php echo get_site_url(); ?>/planning">Planning</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/execution">Execution</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/menus">Menus</a></li>
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/about">About</a>
                                <ul>
                                <li><a href="<?php echo get_site_url(); ?>/why-culinary-craft">Why Culinary Craft?</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/about">Our Executive Team</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/frequently-asked-questions">Frequently Asked questions</a></li>
                                <!--<li><a href="<?php echo get_site_url(); ?>">Orange County</a></li>-->
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/contact">Contact</a></li>
                        </ul>
                    </nav>

            </header>
        </div>

下面是页脚中调用的javascript：

$('.banner').unslider({
            arrows: true,
            fluid: true,
            dots: true,
            fade:true
        });

        //  Find any element starting with a # in the URL
        //  And listen to any click events it fires

        $('a[href^="#"]').click(function() {
            //  Find the target element
            var target = $($(this).attr('href'));
            //  And get its position
            var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0};
            //  jQuery will return false if there's no element
            //  and your code will throw errors if it tries to do .offset().left;
            if(pos) {
                //  Scroll the page
                $('html, body').animate({
                    scrollTop: pos.top,
                    scrollLeft: pos.left
                }, 1000);
            }
            //  Don't let them visit the url, we'll scroll you there
            return false;
        });    
$("#mygallery").justifiedGallery({
     rowHeight : 160
     });

<div id="header-wrapper">
            <header id="header" class="container">              
                <!-- Logo -->
                    <div id="logo">
                        <h1><a href="index.html">Culinary Craft</a></h1>
                        <span>Catering Co.</span>
                    </div>

                <!-- Nav -->
                    <nav id="nav">
                        <ul>
                            <li class="current"><a href="<?php echo get_site_url(); ?>">Home</a></li>
                            <li>
                                <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                <ul>
                                        <li>
                                        <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                            <ul>
                                                <li><a href="<?php echo get_site_url(); ?>/our-services">Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/liquid-catering">Liquid Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/corporate-events">Weddings and Corporate Events</a></li>
                                            </ul>
                                        </li>

                                    <li><a href="<?php echo get_site_url(); ?>/planning">Planning</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/execution">Execution</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/menus">Menus</a></li>
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/about">About</a>
                                <ul>
                                <li><a href="<?php echo get_site_url(); ?>/why-culinary-craft">Why Culinary Craft?</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/about">Our Executive Team</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/frequently-asked-questions">Frequently Asked questions</a></li>
                                <!--<li><a href="<?php echo get_site_url(); ?>">Orange County</a></li>-->
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/contact">Contact</a></li>
                        </ul>
                    </nav>

            </header>
        </div>

以下是导航：

<div id="header-wrapper">
            <header id="header" class="container">              
                <!-- Logo -->
                    <div id="logo">
                        <h1><a href="index.html">Culinary Craft</a></h1>
                        <span>Catering Co.</span>
                    </div>

                <!-- Nav -->
                    <nav id="nav">
                        <ul>
                            <li class="current"><a href="<?php echo get_site_url(); ?>">Home</a></li>
                            <li>
                                <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                <ul>
                                        <li>
                                        <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                            <ul>
                                                <li><a href="<?php echo get_site_url(); ?>/our-services">Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/liquid-catering">Liquid Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/corporate-events">Weddings and Corporate Events</a></li>
                                            </ul>
                                        </li>

                                    <li><a href="<?php echo get_site_url(); ?>/planning">Planning</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/execution">Execution</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/menus">Menus</a></li>
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/about">About</a>
                                <ul>
                                <li><a href="<?php echo get_site_url(); ?>/why-culinary-craft">Why Culinary Craft?</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/about">Our Executive Team</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/frequently-asked-questions">Frequently Asked questions</a></li>
                                <!--<li><a href="<?php echo get_site_url(); ?>">Orange County</a></li>-->
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/contact">Contact</a></li>
                        </ul>
                    </nav>

            </header>
        </div>

餐饮公司。

---

我正在试图弄明白为什么nav不起作用，但只适用于这些特定的浏览器。

您应该检查web开发控制台，有两个js错误：

unslider

和

rightedGallery

不是一个函数（两者都适用）。也许修复这个会有帮助。侧面导航？你指的是站点导航吗？我想我刚刚找到了它（至少对于错误是这样），如果你像

$（“#mygallery”）.justizedGallery（..

在

$（文档）中）那样包装内联js应该会有所帮助。ready（）

是的……我看到了这些……它们与网站的不同部分相关，当我最初尝试调试错误时，我只是拉了拉它们，看看会发生什么，导航仍然不工作。但你肯定是对的，我应该在请求帮助之前修复它们。我很抱歉……我现在就得到它，我刚刚更新了jqu我很希望有一个$（文档）。准备好了，它破坏了网站…所以我将离开它一段时间，以便人们可以看到

<div id="header-wrapper">
            <header id="header" class="container">              
                <!-- Logo -->
                    <div id="logo">
                        <h1><a href="index.html">Culinary Craft</a></h1>
                        <span>Catering Co.</span>
                    </div>

                <!-- Nav -->
                    <nav id="nav">
                        <ul>
                            <li class="current"><a href="<?php echo get_site_url(); ?>">Home</a></li>
                            <li>
                                <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                <ul>
                                        <li>
                                        <a href="<?php echo get_site_url(); ?>/our-services/">Services</a>
                                            <ul>
                                                <li><a href="<?php echo get_site_url(); ?>/our-services">Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/liquid-catering">Liquid Catering</a></li>
                                                <li><a href="<?php echo get_site_url(); ?>/corporate-events">Weddings and Corporate Events</a></li>
                                            </ul>
                                        </li>

                                    <li><a href="<?php echo get_site_url(); ?>/planning">Planning</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/execution">Execution</a></li>
                                    <li><a href="<?php echo get_site_url(); ?>/menus">Menus</a></li>
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/about">About</a>
                                <ul>
                                <li><a href="<?php echo get_site_url(); ?>/why-culinary-craft">Why Culinary Craft?</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/about">Our Executive Team</a></li>
                                <li><a href="<?php echo get_site_url(); ?>/frequently-asked-questions">Frequently Asked questions</a></li>
                                <!--<li><a href="<?php echo get_site_url(); ?>">Orange County</a></li>-->
                                </ul>
                            </li>
                            <li><a href="<?php echo get_site_url(); ?>/contact">Contact</a></li>
                        </ul>
                    </nav>

            </header>
        </div>