如何淡入jQuery中已经存在的对象？

  • Z时代
  • 2024-01-10
  • 分类：问答

我试图用jQuery制作一个图片库，所以当我点击一个缩略图时，它就变成了一个“缩放框”，然后我用左边的&左边的箭头导航，其中看起来像loadContentFrom（domObject）像这样：如何淡入jQuery中已经存在的对象？

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 
    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).fadeIn(400); 
    add_left_right_arrows_to_zoombox(); 
    // also set the background to be clickable for exit. 
    $("#exitdiv").fadeIn(400); 
}

它正常工作，当我点击一个domObject它变淡但是当我点击左 - 右箭头，它调用loadContentFrom(selectedDomObject.next('.domobject'));但是由于zoombox已经褪色的，它会立即改变内容。 。

那么我该如何设置它先淡出当前内容，然后淡入新内容？

谢谢！

回答：

..

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 
    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).fadeIn(400); 
    add_left_right_arrows_to_zoombox(); 
    // also set the background to be clickable for exit. 
    $("#exitdiv").hide().fadeIn(400); 
}

回答：

FadeIn不会在visible objects像这方面的工作，但你可以fadein()

像以前一样使用hide()，

这样的..

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 
    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).hide().fadeIn(400);// use hide then fadein 
    add_left_right_arrows_to_zoombox(); 
    // also set the background to be clickable for exit. 
    $("#exitdiv").hide().fadeIn(400); // use hide then fadein 
}

以上是 如何淡入jQuery中已经存在的对象？ 的全部内容， 来源链接： utcz.com/qa/261064.html

回到顶部