针对javascript的样式警报系统 [英] Styled alert system for javascript

问题描述

我正在使用

当我点击取消以下节目时;

未捕获TypeError：对象＃的属性'回调'不是
函数行：198
未捕获TypeError：对象＃的属性'回调'不是a
函数行：208

以下是冒烟脚本行的内容;

  finishbuildConfirm：function（e，f，box）
 {
 smoke.listen（
 document.getElementById（'confirm） -cancel-'+ f.newid），
click，
 function（）
 {
 smoke.destroy（f.type，f.newid）; 
 f.callback（false）; 
} 
）; 
 
 smoke.listen（
 document.getElementById（'confirm-ok-'+ f.newid），
click，
 function（）
 {
 smoke.destroy（f.type，f.newid）; 
 f.callback（true）; 
} 
）; 
  

解决方案

内置的javascript警报/确认功能是同步的，这个不是。您需要使用javascript回调模式处理确认结果。您将函数传递给smoke.confirm（）函数，该函数在您需要响应某个操作时调用。

请参阅以下代码。 smoke.confirm（）周围的if已被删除，处理代码包含在传递给smoke.confirm（）函数的函数中。

  $（。upb_del_bookmark）。click（function（）{
 smoke.confirm（delete_message，function（e）{
 if（e）{
 var post_id = $（this）.attr（'rel'）; 
 var data = {
 action：'del_bookmark'，
 del_post_id：post_id 
}; 
 $ .post （upb_vars.ajaxurl，data，function（response）{
 $（'。bookmark  - '+ post_id）.fadeOut（）; 
 $（'。upb_bookmark_control _'+ post_id）.toggle（）; 
}）; 
} 
}）; 
} 
  

<我强烈建议您在javascript中阅读一些关于回调模式的内容。这很常见并且理解它会帮助您使用此插件和许多其他插件。

i am using smoke.js which allows to style the classic alert javascript windows.

All you have to do is place .smoke before the alert ie. smoke.confirm()

The issue I am having is with the ok/cancel callback, it isnt working for me.

This is the example the website shows.

`You can implement these the same way you'd use the js alert()...just put "smoke." in front of it.

The confirm() replacement, however, needs to be used just a little differently:

smoke.confirm('You are about to destroy everything. Are you sure?',function(e){
    if (e){
        smoke.alert('OK pressed');
    }else{
        smoke.alert('CANCEL pressed');
    }
});

and the code I have is;

$(".upb_del_bookmark").click( function() {
        if(smoke.confirm(delete_message)) {
            var post_id = $(this).attr('rel');
            var data = {
                action: 'del_bookmark',
                del_post_id: post_id
            };
            $.post(upb_vars.ajaxurl, data, function(response) {
                $('.bookmark-'+post_id).fadeOut();
                $('.upb_bookmark_control_'+post_id).toggle();
            });

It shows the style button and everything but when i click on OK it doesnt perform the function above, nothing happens.

So i rewrote it to

$(".upb_del_bookmark").click( function() {
        if(smoke.confirm(delete_message, function(e))) {
            if(e){
            var post_id = $(this).attr('rel');
            var data = {
                action: 'del_bookmark',
                del_post_id: post_id
            };
            $.post(upb_vars.ajaxurl, data, function(response) {
                $('.bookmark-'+post_id).fadeOut();
                $('.upb_bookmark_control_'+post_id).toggle();
            });
        }}

But now when i click it doesnt even show anything

I am not a programmer, Help!!!!!

If you want to try it go to latinunit.org login with david:123321 and then go to a post and try to add it to your favourites

Update

I tried the following, it shows the window but it doesnt perform the function;

$(".upb_del_bookmark").click( function() {
        smoke.confirm(delete_message, function(e) {
            if(e){
            var post_id = $(this).attr('rel');
            var data = {
                action: 'del_bookmark',
                del_post_id: post_id
            };
            $.post(upb_vars.ajaxurl, data, function(response) {
                $('.bookmark-'+post_id).fadeOut();
                $('.upb_bookmark_control_'+post_id).toggle();
            });
        }})
        return false;
    });

Here is the js file of the smoke script Link

When i click on cancel the following shows;

Uncaught TypeError: Property 'callback' of object # is not a function Line:198 Uncaught TypeError: Property 'callback' of object # is not a function Line:208

The following is what's on those linesof the smoke script;

finishbuildConfirm: function (e, f, box)
    {
        smoke.listen(
            document.getElementById('confirm-cancel-' + f.newid),
            "click", 
            function () 
            {
                smoke.destroy(f.type, f.newid);
                f.callback(false);
            }
        );

        smoke.listen(
            document.getElementById('confirm-ok-' + f.newid),
            "click", 
            function () 
            {
                smoke.destroy(f.type, f.newid);
                f.callback(true);
            }
        );

解决方案

The builtin javascript alert/confirm functions are synchronous, this is not. You need to handle the result of the confirm using the javascript callback pattern. You pass a function to the smoke.confirm() function which called when you need to respond to an action.

See the following code. The if around the smoke.confirm() has been removed and the handling code is wrapped in the function passed to the smoke.confirm() function.

$(".upb_del_bookmark").click( function() {
    smoke.confirm(delete_message, function(e) {
        if(e){
            var post_id = $(this).attr('rel');
            var data = {
                action: 'del_bookmark',
                del_post_id: post_id
            };
            $.post(upb_vars.ajaxurl, data, function(response) {
                $('.bookmark-'+post_id).fadeOut();
                $('.upb_bookmark_control_'+post_id).toggle();
            });
        }
    });
}

I highly recommend reading a little about the callback pattern in javascript. It's very common and understanding it will help you use this plugin and many others.

这篇关于针对javascript的样式警报系统的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！