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();
});

});

工作小提琴：http://jsfiddle.net/robertrozas/217zaqj0/

Answer 2

看看这个链接，应该给你一些指导。

.ready()

$( document ).ready(function() {
// Handler for .ready() called.
});

Answer 3

除了布莱克。

内

//Handler for .ready call

您可以将您的呼叫添加到jSuccess（）

jSuccess("Your message", {
    HorizontalPosition: XXX,
    VerticalPosition: XXX,
    ShowOverlay: XXX,
    TimeShown: XXX,
    OpacityOverlay: XXX,
    MinWidth: XXX,
})

Answer 4

要禁用自动关闭，请将autoHide设置为false，因为默认选项值为true。

jSuccess("Your message", {
                                autoHide: false, //disable auto close
                                HorizontalPosition: 50,
                                VerticalPosition: 50,
                                ShowOverlay: false,
                                TimeShown: 2000,
                                OpacityOverlay:  0.5,
                                MinWidth: 250
                            }
                       );

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

4 个答案:

工作小提琴：http://jsfiddle.net/robertrozas/217zaqj0/