jQuery的replaceWith()问题

Question

我正在尝试重置由 jQuery Cycle 插件提供支持的滑块中的 Flash 内容。

我想要做的：

• 用空 div 替换以前的“.slide”中的每个“.flash”，
• 用以前的 .flash 数据替换创建的空 div。

我知道这听起来很愚蠢，但这是重置工作 Flash 内容的一种神奇方法，最好的替代方案（删除和附加）会导致很多样式问题，而且我不想使用任何 swfobject.js 和其他 API。当然，隐藏也不是一个选择。

使用 Cycle Plugin 提供的“after”回调一切正常，但不知何故我无法检索原始 .flash 内容，我的回调函数的最后一行只是简单地执行任何操作，并且 .flash 被永久替换为空 div：

jQuery("#slider").cycle({
  after: callbackAfter,
});

function callbackAfter(){
   var FlashContent = jQuery(this).prev('.slide').find('.flash'); //find any flash content in previous slide
   var FlashContentHolder = jQuery("<div></div>"); //place empty div instead
   FlashContent.replaceWith(FlashContentHolder ); //replace the flash content with empty div
   FlashContent.replaceWith(FlashContent); //This doesn't work - replace the empty div with stored flash content
}

问题是最后一行不显示原始 FlashContent。

我试图设置 FlashContent & FlashContentHolder 变量超出了函数的范围以更改范围，但这不是重点，我猜第一行是问题，因为我要删除一些内容然后搜索它，所以我没有得到任何回报？

此功能可以正常工作并且完全满足我的需要（但不会在原始位置显示 .flash 视频，并且我无法使用绝对定位）：

function callbackAfter(){
   var stopFlash = jQuery(this).prev('div').find('.flash').remove();
   jQuery(this).prev('div').append(stopFlash); 
}

这实际上可以解决小问题（见上文）。

有什么想法吗？

Answer 1

调用

FlashContent.replaceWith(FlashContentHolder);

FlashContent 后，DOM 树中不再存在，因此您无法用其他内容替换它。您可能想将最后一行更改为：

FlashContentHolder.replaceWith(FlashContent);