Question

我是jQuery＆amp;的初学者JavaScript并且一直在试图在我的网站上运行功能。

页面加载了通过CSS隐藏的部分，并在用户单击链接时显示。我有它的工作，但试图使其更适用于其他按钮我试图把它变成一个导致它破坏的功能。

$(".bed-breakfast-explore").hide();
$("#bed-breakfast-menu").hide();       

function discoverBedBreakfast() {    

    $(".bed-breakfast-explore").slideToggle("slow");

    $(".hotel").css("display", "none");
    $(".resort").css("display", "none");
    $(".guest-house").css("display", "none");

    $("#bed-breakfast-menu").show();        

    $('html, body').animate({ 'scrollTop': $('#bed-breakfast-menu').offset().top - 86}, 1300);

}

链接的HTML是：

<a class="button" href="#" onclick="discoverBedBreakfast()">Explore</a>

Answer 1

把它放在

<head>
    <script src="jquery-2.1.4.min.js"></script>
    <script >
    $(document).ready(function(){


    $(".bed-breakfast-explore").hide();
    $("#bed-breakfast-menu").hide();

    })


    function discoverBedBreakfast() {    

        $(".bed-breakfast-explore").slideToggle("slow");

        $(".hotel").css("display", "none");
        $(".resort").css("display", "none");
        $(".guest-house").css("display", "none");

        $("#bed-breakfast-menu").show();        

        $('html, body').animate({ 'scrollTop': $('#bed-breakfast-menu').offset().top - 86}, 1300);

    }
    </script>
</head>

onClick函数链接不起作用

1 个答案: