0

toastr で何ができるかというアイデアは気に入っていますが、機能させることができないようです。

公式ページから…

(1) Link to toastr.css
(2) Link to toastr.js
(3) Use toastr to display a toast for info, success, warning or error
To install toastr, run the following command in the Package Manager Console
Install-Package toastr

NuGet のコマンド ライン バージョンをダウンロードして入力するinstall toastrと、正常にインストールされました (ただし、実際に何をしたかはわかりませんが..)。次に、ページにtest.php次のコードがあります。

<html>
<head>
<link rel="stylesheet" href="/toastr.css">
<script type="text/javascript" src="/toastr.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</head>

<body>
toastr.info('Hey - it works!');
</body>

ウェブサイト自体は、これは信じられないほど簡単だと言っています....

// Display an info toast with no title

toastr.info('Are you the 6 fingered man?')

しかし、ページを実行すると、文字通り次のように表示されます。

toastr.info('やあ、動作します!');

私は何を間違っていますか？

4

1 に答える 1

2

ボディ終了タグの前に script タグを追加するだけで、有効な JavaScript スコープで使用することもできます。

.. all html page

<script>

    $(document).ready(function() {

        // show when page load
        toastr.info('Hey - it works!');

    });

</script>

</body>
</html>

他の方法もありますが、

// for success - green box
toastr.success('Success messages');

// for errors - red box
toastr.error('errors messages');

// for warning - orange box
toastr.warning('warning messages');

// for info - blue box
toastr.info('info messages');
于 2014-10-09T22:35:24.763 に答える