onClick Функция для ссылки не работает

Я новичок в jQuery & JavaScript и были взломаны, чтобы попытаться получить функцию, работающую на моем сайте.onClick Функция для ссылки не работает

Страница загружается секциями, скрытыми с помощью 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>

источник

2015-07-12 rainwilds

Может быть, вы должны объяснить немного больше о вашей проблеме, потому что ваш код здесь работает отлично. См. Это [скрипка] (http://jsfiddle.net/f63zny67/) –

Функция javascript, вероятно, объявлена _after_ HTML. При использовании встроенного 'onclick' указанная функция должна присутствовать во время загрузки. – davidkonrad

@ davidkonrad Возможно, это проблема. Потому что он код находится внизу тела HTML. если я не использую onclick и использую JQuery для обнаружения щелчка, он работает нормально. – rainwilds

-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>

источник

2015-07-12 12:14:19

onClick Функция для ссылки не работает

ответ

Смежные вопросы