jQuery点击功能没有触发

Question

我正在尝试将bootstrap布局集成到我的angular.js项目中。 我添加了bootstrap.js和bootstrap.css以及布局自定义CSS和JS。 我的项目添加了jquery。

我面临的问题是没有触发点击处理程序。 这是我的代码：

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

弹出一个＆＃34;准备好＆＃34;然而，当我点击具有属性data-toggle =＆＃34; offcanvas＆＃34;的按钮时，每个页面的弹出窗口都会刷新。没有任何东西出现。

我甚至试图在按钮上添加一个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>

似乎出了什么问题？

提前致谢。