fadeTo()给出了令人不快的闪光

时间:2014-04-20 22:27:04

标签: jquery wordpress

因为我将我的wordpress更新为 3.9 smith ,所以以下代码不再按预期工作。

function mkTitle(_id)
{
    var prjct = $('#allProjects > #'+_id);
    var prjctTitle = $('#allProjects > #'+_id+' > #project-text > #project-title').html();
    prjct.append('<div class="titleSlide">'+ prjctTitle +'</div>');
    $('#allProjects > #'+_id +' > div.titleSlide').fadeTo(0,0); // actual problem
}

function mkVisible()
{
    newPrj = $('#allProjects').find('div#'+_hashCore);
    newPrjTtl = newPrj.find('div.titleSlide');

    newPrj.show().addClass('visiblePost');
    animFlag = false;
    newPrjTtl.finish().fadeTo(0, 0);
    if( newPrj.hasClass('singleProject') == true ){
     newPrjTtl.stop().fadeTo(2000, 1).fadeTo(2000, 0, function(){ // also problem
         slidesAreAnimating = false;
         });
    }
}

我在动画开始前和短暂闪烁或newPrjTtl闪烁后不久看到。这只是一个例子,我在整个网站都有同样的问题。

有什么想法吗?非常感谢!

1 个答案:

答案 0 :(得分:0)

确定在联系wp支持之前我想建议一个可行的解决方案:

function mkTitle(_id)
{
    var prjct = $('#allProjects > #'+_id);
    var prjctTitle = $('#allProjects > #'+_id+' > #project-text > #project-title').html();
    prjct.append('<div style='display:hidden' class="titleSlide">'+ prjctTitle +'</div>');
    $('#allProjects > #'+_id +' > div.titleSlide').fadeTo(0,0); // actual problem
    $('#allProjects > #'+_id +' > div.titleSlide').show();
}

function mkVisible()
{
    newPrj = $('#allProjects').find('div#'+_hashCore);
    newPrjTtl = newPrj.find('div.titleSlide');

    newPrj.show().addClass('visiblePost');
    animFlag = false;
    newPrjTtl.finish().fadeTo(0, 0);
    if( newPrj.hasClass('singleProject') == true ){
     newPrjTtl.stop().fadeTo(2000, 1, function(){ // also problem
         slidesAreAnimating = false;
         });
    }
}