getElementById & onclick Функция кнопки не будет работать

Спасибо большое малышам & Axel Martinez! Проблема решена !getElementById & onclick Функция кнопки не будет работать

работает следующим образом:

$(document).ready(function() { 
    $("#info").on('click', function() { 
     $(".infos").toggleClass("infos_sichtbar"); 
    });

я пытаюсь использовать мою кнопку с getElementById, , но он не будет работать :(

Сценарий для WebApplikation, что происходит чтобы быть родным приложением, преобразованным в PhoneGap. Я хочу изменить класс CSS элемента со сценарием, так что мой div, называемый «информация», становится видимым. Он работает с этим скриптом:

<script> 
    $(document).ready(function() { 
     $("button").on('click', function() { 
      $(".infos").toggleClass("infos_visible"); 
     }) 
    }); 

    </script>

Но проблема в том, есть две кнопки, одна для информаций, которые должны получить видимый с щелчком и один для юридических уведомлений ...

Я пытаюсь заставить его работать так:

первая попытка:

$(document).ready(function() { 
     $.getElementById("info").on('click', function() { 
      $(".infos").toggleClass("infos_sichtbar"); 
     }) 
    });

вторая попытка:

$(document).ready(function() { 
     $.getElementById("info").onclick = function() { 
      $(".infos").toggleClass("infos_sichtbar"); 
        } 
       /* $.getElementById("legalnotice").onclick = function() { 
      $(".legalnotice").toggleClass("legalnotice_sichtbar"); 
     }*/ 
    });

Когда я использую скрипт, щелчок на кнопке ничего не делает.

Edit:

HTML код:

<body> 

<div class="infos">Blub blub blub blub blub blub blub blub</div> 

<header> 
    <h1>App</h1> 
</header> 
<section> 
    <h1>welcome!</h1> 
    <p class="einleitung">intro</p> 
<aside> 
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p> 
</aside><button id="info">Infos</button><button id="impress">Impressum</button> 
</section> 
<script src="zepto.js"></script> 
<script src="app.js"></script> 
<script> 
window.scrollTo(0,1); 
</script>

Сценарий реализуется с app.js файла.

источник

2013-03-03 23Ro

Пожалуйста, покажите код HTML. – JJJ

хорошо, я добавил html-код :) – 23Ro

Попробуйте использовать

$("#info")

вместо

$.getElementById("info")

т.е.

$(document).ready(function() { 
     $("#info").on('click', function() { 
      $(".infos").toggleClass("infos_sichtbar"); 
     }); 
});

источник

2013-03-03 13:45:25

Если вы используете JQuery, почему бы не использовать селекторы как

$(document).ready(function() { 
    $("#info").click(function() { 
     $(".infos").toggleClass("infos_sichtbar"); 
    }); 
});

источник

2013-03-03 13:49:16 Axel

getElementById & onclick Функция кнопки не будет работать

ответ

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