javascript - JQuery - 在加载时触发通知而不是 onClick

Question

我有这个 html 和 JQuery 功能，当我单击按钮时该功能会触发。 然后发生的事情是出现一个通知窗口，然后自动关闭。 但我不希望在单击按钮时触发该功能。我希望它在另一个函数触发时触发。我可以在这里使用某种文档就绪功能吗？或者我应该做什么？

html:

<button type="button" data-type="success" class="btn btn-success notification" data-message="<i class='fa fa-check-square-o' style='padding-right:6px'></i> User is online" data-horiz-pos="right" data-verti-pos="bottom">Success</button>

JQuery:

$(function () {
                    e.preventDefault();
                    if ($(this).data("type") == 'success') {
                        jSuccess(
                            $(this).data("message"), {
                                HorizontalPosition: $(this).data("horiz-pos"),
                                VerticalPosition: $(this).data("verti-pos"),
                                ShowOverlay: $(this).data("overlay") ? $(this).data("overlay") : false,
                                TimeShown: $(this).data("timeshown") ? $(this).data("timeshown") : 2000,
                                OpacityOverlay: $(this).data("opacity") ? $(this).data("opacity") : 0.5,
                                MinWidth: $(this).data("min-width") ? $(this).data("min-width") : 250
                            });
                    }
                });

Answer 1

尝试这样的事情:

var message;
$(function(){
//Default message
message = function(){
 jSuccess(
    "<i class='fa fa-check-square-o' style='padding-right:6px'></i> User is online", 
     {
        HorizontalPosition: "right",
        VerticalPosition: "bottom",
        ShowOverlay:  false,
        TimeShown: 2000,
        OpacityOverlay: 0.5,
         MinWidth: 250
  });    
}

message();

$(".btn.btn-success.notification").click(function(){
    message();
});
 
});

工作 fiddle :http://jsfiddle.net/robertrozas/217zaqj0/