Html 引导通知不工作_Html_Twitter Bootstrap_Css_Angular

Html 引导通知不工作

html twitter-bootstrap css angular

Html 引导通知不工作,html,twitter-bootstrap,css,angular,Html,Twitter Bootstrap,Css,Angular,我写了一个简单的例子来演示如何使用引导通知，但它不起作用 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="bootstrap-notify.js"></script> <script src="bootstrap-notify.min.js"></sc

我写了一个简单的例子来演示如何使用引导通知，但它不起作用

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="bootstrap-notify.js"></script>
    <script src="bootstrap-notify.min.js"></script>

    <script>$.notify("Hello World");</script>



</head>

<body>

</body>

下面是我的代码：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="bootstrap-notify.js"></script>
    <script src="bootstrap-notify.min.js"></script>

    <script>$.notify("Hello World");</script>



</head>

<body>

</body>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="bootstrap-notify.js"></script>
    <script src="bootstrap-notify.min.js"></script>

    <script>$.notify("Hello World");</script>



</head>

<body>

</body>

按如下所示替换脚本，只需添加就绪函数即可正常工作。并且还添加了引导css，以使外观更美观

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="bootstrap-notify.js"></script>
    <script src="bootstrap-notify.min.js"></script>

    <script>$.notify("Hello World");</script>



</head>

<body>

</body>

<script>
    $(document).ready(function(){
        $.notify("Hello World");
    });
</script>

为什么要包含引导通知两次？使用hit F12并读取所有错误。“不工作”不是问题描述。我已经尝试了浏览器控制台，它没有显示任何错误。