javascript - 为 toastr 通知调用 jquery 函数

标签 javascript jquery toastr

我希望在点击这些链接时弹出来自 toastr 的通知,但没有任何反应

编辑:这里是完整代码的 jsfiddle http://jsfiddle.net/XaVcR/我不确定我是否正确包含了 toastr 成功 .js

toastr.options.closeButton = true;
toastr.options.positionClass = "toast-bottom-left";

$(document).ready(function() {
    $('#success').click(notification('success', 'this was a success!'));
});

function notification( type, message ) {
if( type == 'success' ) {
    toastr.success(message,'<i>Success</i>');
} else if( type == 'error' ) {
    toastr.error(message,'Error');
} else if( type == 'warning' ) {
    toastr.warning(message,'Warning');
} else {
    toastr.info(message,'Information');
}   
}

最佳答案

来自问题:

    $('#success').click(notification('success', 'this was a success!'));

这应该是:

$('#success').click(function() {
    notification('success', 'this was a success!');
});

你的 JSFiddle 有:

$('#success').click(function() {
    notification('success', 'this was a success!'));
});

其中,中间行末尾的 )) 是语法错误。

关于javascript - 为 toastr 通知调用 jquery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22394101/

相关文章:

javascript - 组件 'div' 的 View 配置 getter 回调必须是一个函数(收到 'undefined' )。确保组件名称以大写字母开头

javascript - 在谷歌搜索结果中附加文本

jquery - Drupal 8 为什么我的主题找不到 style.css?

javascript - 如何在 toastr 中显示确认对话框

javascript - angularJS - 迭代 JSON 对象

javascript - 关闭 ESLint 规则(在 React 应用程序中,使用 WebStorm)

javascript - 揭示模块内的计时器(回调)用于更新公共(public)属性

javascript - 使用 'this' 关键字和 css 伪选择器

jquery - 如何在 toastr 通知后重定向

javascript - 防止点击关闭 Toastr