Jquery Mobile .click не работает

Question

Я создаю мобильный сайт для клиента, и мне нужно создать функцию для отображения и скрытия элемента DIV при нажатии кнопки (тега). Это мой код:

<script type="text/javascript">
$('#wrapper').live( 'pageinit',function(event){
  $("#btnInfo").click(function(){
      $("#pageInfo").toggle();
  });
});
</script>  

Что происходит, это: Когда страница загружается и я нажимаю btnInfo, div показывается, работает как надо, но затем я нажимаю на ссылку, чтобы перейти на следующую страницу, но на этой странице она больше не появляется, всякий раз, когда я возвращаюсь на страницу Я загрузил сначала это все еще работает. Я думаю, это потому, что страница загружена в AJAX, что я и хочу. Я искал исправление и обнаружил: http://jquerymobile.com/test/docs/api/events.html и jQuery Mobile - привязка к событию pageinit пробовала оба варианта, и при переключении страниц появляется предупреждение, но написанная мной функция не работает

что я делаю не так?

Привет, Вред.

Answer 1

Метод click должен быть присоединен через .on () к элементу, который добавляется на лету.

$("#btnInfo").on('click', function() {
    $("#pageInfo").toggle();
});

Answer 2

$( "#btnInfo" ).on( "click", function( event ) {
          $("#pageInfo").toggle();
});

Answer 3

Попробуйте это:

$("#btnInfo").bind('click',function(){
          $("#pageInfo").toggle();
      });