Bootstrap模型自动旋转图标问题

时间:2016-02-29 07:45:21

标签: jquery twitter-bootstrap

根据this教程我使用自动旋转图标作为我的引导模型。页脚按钮单击旋转图标时启动。 3秒后我想停止旋转并在模型体上显示一个新按钮或div。怎么做以及我错过编码的地方?

BootstrapDialog.show({ 
            title: 'dialog header',
            message: 'my details',                 
            buttons: [{   
                label: 'Contact',
                autospin: true,
                action: function(dialogRef) {
                    dialogRef.enableButtons(false);
                    dialogRef.setClosable(false);    
                    setTimeout(function(){
                        dialogRef.enableButtons(true);
                        dialogRef.setClosable(true); 
                        autospin: false;  //??? error
                        //display new button or div on body
                    }, 3000); 

                }
            },  {
                label: 'Close',
                action: function(dialog) {
                    dialog.close();
                }                
            }]                                    
        });

1 个答案:

答案 0 :(得分:1)

autospin: false;

这是您可以在object initializers中使用的语法。您无法使用它来更改对象。

这里最简单的方法是手动删除添加旋转图标的Bootstrap类。

将此代码放在超时回调函数中:

$('.modal-dialog span.icon-spin').removeClass('glyphicon-asterisk icon-spin')