Question

我正在尝试使目标div周围的容器div淡入淡出，然后更改背景，然后将其淡入。问题是该块中的所有功能都被立即调用，这意味着背景会立即换出，然后div淡入和淡出。不确定如何将其实现为分步操作。

现在，不必担心“ myType”部分。在您选择的页面上，我有一个下拉菜单，它会根据选择将div中的背景图像更改为其他图像。我已从代码中删除了该功能，因为它实际上并不相关。

HTML：

<div id="itemCustomize">
  <div id="itemBaseImg"></div>
</div>

jQuery：

$(myType).change(function() {
    $("#itemCustomize").fadeOut(500);
    $("#itemBaseImg").css('background-image', 'url(myimage.jpg)';
    $("#itemCustomize").fadeIn(500);
}

更新：

真正的实现实际上是不同的。我应该考虑一下。我有一个图像数组，可以通过使用变量“ url”解析基本URL来生成图像URL，然后通过调用索引来添加URL的基本图像部分。在将其包装到回调函数中之前，此方法已奏效，但现在我要淡入和退出包装div，则不起作用。

$(myType).change(function() {
    $("#itemCustomize").fadeOut(500, function() {
      $("#itemBaseImg").css('background-image', url + itemBaseImg[myType.selectedIndex] + ")");
    });
    $("#itemCustomize").fadeIn(500);
});

Answer 1

您可以在jQuery Error while publishing server webapp (Service) at OpenShift 3 (console.starter-ca-central-1.openshift.com). Could not sync all pods to folder C:\Users\user\eclipse-workspace\.metadata\.plugins\org.jboss.ide.eclipse.as.core\webapp_(Service)_at_OpenShift_3_(console.starter-ca-central-1.openshift.com)\deploy Syncing com.openshift.restclient.capability.resources.IRSyncable$PodPeer@5a251b05 to com.openshift.restclient.capability.resources.IRSyncable$LocalPeer@3f786c11 failed: WARNING: rsync command not found in path. Download cwRsync for Windows and add it to your PATH. ERROR: Error extracting file "./.git/objects/pack/pack-349c37438963079e19219bb573c32ec43515bc59.idx": open C:\Users\user\eclipse-workspace\.metadata\.plugins\org.jboss.ide.eclipse.as.core\webapp_(Service)_at_OpenShift_3_(console.starter-ca-central-1.openshift.com)\deploy\.git\objects\pack\pack-349c37438963079e19219bb573c32ec43515bc59.idx: Access is denied. ERROR: Error extracting tar stream Ignoring the following flags because they only apply to rsync: --exclude, --no-perms error: error extracting tar at destination directory: open C:\Users\user\eclipse-workspace\.metadata\.plugins\org.jboss.ide.eclipse.as.core\webapp_(Service)_at_OpenShift_3_(console.starter-ca-central-1.openshift.com)\deploy\.git\objects\pack\pack-349c37438963079e19219bb573c32ec43515bc59.idx: Access is denied.函数上使用完整的回调，以使它们一个接一个地运行。

fadeOut

请参阅：http://api.jquery.com/fadeout/

Answer 2

我知道了。我需要创建一个变量以传递到索引。谢谢大家的帮助！

  $(myType).change(function() {
    var myIndex = this.selectedIndex;
    $("#itemCustomize").fadeOut(50, function() { 
      $("#itemBaseImg").css('background-image', url + itemBaseImg[myIndex] + ")");
      $("#itemCustomize").fadeIn(200);
     });
  });

jQuery：淡出，更改背景图像，然后淡入

2 个答案: