Question

In order to show an opaque background or animated gif while executing some method after an button click fails to show this. It only runs after all the code has been executed.

在“Qu”中,我可以这样做,即在一次点击事件上,在主要法典之前和之后使html发生变化。

长期运行的方法是,在网页上增加100-500分机,大约需要10秒钟。

$( #button).click(function() {   
    $( #curtain ).css( visibility ,  visible );
    longRunningMethod();    
    $( #curtain ).css( visibility ,  hidden );  
 });

The problem is that the #curtain div never shows, as the complete javascript has to be executed before rendering all the changes.

形式:


#curtain {
    position: fixed;
    _position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight + "px");
    background-color: #CCCCCC;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    visibility: hidden;
}

Answer 1

这是一种黑板,但如果你使用一套 set。它可能发挥作用。

$( #button ).click(function() {   
    $( #curtain ).css( visibility ,  visible );
    setTimeout(doBigJob, 100);
 });

function doBigJob()
{
    longRunningMethod();    
    $( #curtain ).css( visibility ,  hidden );
}

Answer 2

你们永远不应该在一个网页的坐标线上拥有长期的方法。该网页似乎锁定,而且对用户来说,该网页是很空洞的。

相反,你应当使用同步呼吁。我所假设的漫长运行方法是一些美国宇宙航空研究开发机构发出的呼吁。在此情况下,它应当接受一种作为论点的职能(如“lick”、“aj”等)。然后,随着完成或成功退步,将这一功能转嫁给麻省法。

然后,你可以做到:

$( #button).click(function() {   
    $( #curtain ).css( visibility ,  visible );
    longRunningMethod(function() {$( #curtain ).css( visibility ,  hidden );});
 });

友情链接