Safari中的jQuery无法正常运行

Question

我有以下代码打开和关闭我的侧面导航与覆盖..它在chrome上完美运行但在safari中它只是打破所以我猜它们是代码版本的兼容性问题。 Safari

中没有显示错误

$(document).ready(function() {
    $(function() {
        $('.sidenav-button').click(function() {
            if ($(this).hasClass('show')) {
                $(".sidenavbody-overlay").fadeIn(500);
                $(".sidenav-button, .sidenav-panel").animate({
                    left: "-=25%"
                }, 700, function() {
                    // Animation complete.
                });
                $(this).html('').removeClass('show').addClass('hide');

            } else {
                $(".sidenavbody-overlay").fadeOut(400);
                $(".sidenav-button, .sidenav-panel").animate({
                    left: "+=25%"
                }, 700, function() {
                    // Animation complete.
                });
                $(this).html('').removeClass('hide').addClass('show');
            }
        });
    });

    $('.sidenavbody-overlay').click(function() {

        $('.sidenav-button').trigger('click');
    });
});