小编tec*_*rek的帖子

Stripe Checkout模式关闭时有没有办法触发事件？

在Stripe的模态关闭和响应传递之间有大约0.5-1秒的延迟.在那个时候,用户可能会点击页面等.为了解决这个问题,我们可以做一些事情,比如禁用所有链接或在页面上放置一个叠加层("全部覆盖"),只有当Stripe完成处理时才会删除.

问题是,如果此人决定关闭条纹模式(而不是尝试处理付款),则无法关闭该叠加层.由于相同的原始策略,您无法定位模态(例如$('.stripe-app')).

还有其他想法吗？

我的代码如下,改编自https://stripe.com/docs/checkout.

// custom Stripe checkout button with custom overlay to avoid UI confusion during payment processing
$('.btn-stripe').click(function(){

  var token = function(res){
    var $input = $('<input type=hidden name=stripeToken />').val(res.id);
    $('.form-stripe').append($input).submit();
  };

  StripeCheckout.open({
    key:         STRIPE_KEY,
    address:     false,
    amount:      STRIPE_AMT,
    currency:    'usd',
    name:        'Purchase',
    description: STRIPE_DESC,
    panelLabel:  'Checkout',
    token:       token
  });

    $('.cover-all').show();

  return false;
});

对于jQuery,以下两个片段的结果有什么不同.什么？我是否更正了第一个动画完成时回调和链中的第二个项目都被执行了？

$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 });

VS

$(selector).animate({ opacity: 1}, function()
{
    $(this).animate({ opacity: 0.5 });
});

在哪种类型的情况下,我想要使用哪一种？如果我需要做更复杂的事情或切换到不同的选择器,我会只使用后者吗？

提前致谢.

显然,谷歌可视化饼图不喜欢非常小的值.我已经创建了一个JSfiddle来演示这个问题:http://jsfiddle.net/technotarek/YRKHd/

当你加载小提琴时,你会看到饼图有四个类别,就像在第6-13行中检查JS一样.现在,尝试将JS的第13行中的第三个值从5更改为1,然后运行小提琴.您将看到它将饼图上的标签更改为"其他"的新标签.任何人都可以找到解决方法吗？(这在我的情况下尤其成问题,因为我们在某些情况下使用标签'other'来表示数据中完全不同的组.)

为了满足SO验证器,这里是来自小提琴的我的JS代码:

function drawChart(){var data = new google.visualization.DataTable(); data.addColumn('string','Race'); data.addColumn('number','Percent'); data.addRows(4); data.setValue(0,0,'Black,non-Hispanic'); data.setValue(0,1,1370); data.setValue(1,0,'西班牙裔'); data.setValue(1,140); data.setValue(2,0,'怀特,非西班牙裔'); data.setValue(2,1,537); data.setValue(3,0,'抑制类别'); data.setValue(3,1,5);

var chart = new google.visualization.PieChart(document.getElementById('chart'));
chart.draw(data, {
                    width: 650,
                    height: 500,
                    fontSize: 11,
                    chartArea:{
                            top:20,
                            left:100
                            },
                    colors:
                        [
                        '8d2300','FE9929','D95F0E','000000',                            ]
});
}      

google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);

我有两个模态窗口("注册"和"登录"),我使用Twitter Bootstrap显示它们.

现在我需要这些行为:窗口"登录"是可见的,它有按钮"注册",必须关闭窗口"登录"并显示窗口"注册".

a)没有手动Javascript代码是否可能？

b)如何手动关闭窗口？

$('login').modal('hide');

不管用.