ソリューションに toastr を実装しようとしています。
toastr の追加: webformsの投稿から拡張メソッドを作成しました。
そしてエラーを取得します:SCRIPT5009: 'toastr' is undefined
私の中に参照があり、私のプロジェクトで とmaster page
を使用していますが、すべて問題ありません。jQuery
Foundation
public static class MyExtensions
{
public static void ShowToastr(this Page page, string message, string title, string type = "error")
{
page.ClientScript.RegisterStartupScript(page.GetType(), "toastr_message",
String.Format("toastr.{0}('{1}','{2}');", type.ToLower(), message, title), addScriptTags: true);
}
}
ユーザーが空の文字列を挿入しようとすると、コードでエラーを呼び出しています。
if (txt_CentreName.Text == "")
{
this.ShowToastr("Hello World", "Hello");
}
私が行った唯一の変更は、toastr.css を取り出してcontent folder
、styles フォルダーに移動することです。を調べてtoastr.js
、コード内で参照されているかどうかを確認しましたが、どこにも表示されませんcontents folder
。これは私が間違っているところですか?
Chrome を開いて、コンソール ウィンドウに入力toastr
すると、ページに表示されます。
Object {clear: function, error: function, getContainer: function, info: function, options: Object…}
clear: function ($toastElement) {
error: function (message, title, optionsOverride) {
getContainer: function getContainer(options) {
info: function (message, title, optionsOverride) {
options: Object
success: function (message, title, optionsOverride) {
version: "1.2.2"
warning: function (message, title, optionsOverride) {
__proto__: Object
私のフォルダーはルートにあり、サブフォルダーで使用しているため、toastr.js
最初の行では、この前にバックスラッシュを付ける必要があります。それが問題かもしれないと思うので、jqueryの場所をどうやって知るのですか??; (function (define) {
define(['jquery'], function ($) {
toatsr
toatsr