Блог

Я пытаюсь интегрировать макет начальной загрузки в свой angular.js проект. Я добавил bootstrap.js в bootstrap.css и пользовательский макет CSS и JS. my project добавлен jquery.

Проблема, с которой я сталкиваюсь, заключается в том, что обработчик щелчка не запускается. это мой код:

 $(document).ready(function () {
    alert('ready');
    $('[data-toggle="offcanvas"]').click(function () {
        alert('click');
        $('.row-offcanvas').toggleClass('active')
    });
});
  

всплывающее окно с надписью «готово» при каждом обновлении страницы, однако, когда я нажимаю кнопку с атрибутом data-toggle =»offcanvas», ничего не появляется.

Я даже пытался добавить атрибут id к кнопке и настроить таргетинг на кнопку в jquery следующим образом, но безуспешно:

 $('#toggleButton').click(....);
  

кнопка в формате html выглядит следующим образом:

 <div class="col-xs-12 col-sm-9">
        <p class="pull-right visible-xs">
             <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
        </p>
  

что, кажется, идет не так?

Заранее спасибо.