问题标签 [replacewith]

嗨，当我单击按钮时，我正在尝试使用 jquery 将 div 替换为新的 div。目前，当我单击按钮时，新的 div 没有显示，当我单击按钮时它只是空白。我怎样才能看到隐藏的？

一个例子在这里：http: //jsfiddle.net/S8HxM/1/

我有非常奇怪的行为。我有这个代码（我删除了不相关的代码）。

在$('td.translation button')处理程序td.html('foo');中不起作用，但td.replaceWith('<td class="translation translated-string">foo</td>');确实如此。没有错误，它什么也不做。

我尝试使用以下方法重新创建此行为：

但上面的代码工作。

我可以使用replaceWith，但我知道为什么html功能不起作用。有人知道为什么吗？

更新：当我添加这个时，window.td = td;我可以从控制台调用 html 并且它可以工作。

我正在尝试在 jQuery 中编写一个替换函数，它将用 html 替换特定的单词。

基本上我试图在加载文档时替换类似的[this]东西。<span class='myclass'>我环顾四周寻找了几个样本，但我看到的几件事我无法开始工作。我仍在学习 jQuery，所以我希望有人可以给我一些建议作为尝试。

在此先感谢，史蒂文。

HTML/文本：

JavaScript：

- 编辑 -

我使用下面的 Nir ​​演示对函数进行了一些更改。这里有一些关于我在做什么的更多细节。我正在尝试制作一个内联分数，我已经拥有了适当的类和未制作的东西。它在 html 中运行良好，但是当我运行 jQuery 函数时它似乎不起作用。

很明显标签被替换了，但我的css似乎并没有像我提到的那样工作。

这里是 HTML HERE的链接

这里有一个指向 jsfiddle HERE的链接

这个 HTML

到这个缩短的标记

即使使用replaceWith如上所示，文本也不会改变。

我找到了一段代码，可以帮助我解决最初的问题：我有一段选项卡式内容，其中一些内容中有视频。当您播放视频，然后选择另一个选项卡时，视频会在后台继续播放。我猜常见的问题:)

无论如何，我发现了一些似乎可以工作的代码，但显然我做错了什么。这是代码：

问题是这样的： test确实，返回正确的 div。它获取在当前和活动的一个之前打开的选项卡的 div ID。这是一种享受。它也可以很好地删除 div。

但是，它并没有将其放回原处。当我弹出“警报”以查看正在发生的事情时，它正在删除 div，但永远不会将其放回（它以“未定义”的形式返回）。所以我不知道是否clone只是没有克隆，或者$('#'+test+'-holder').html(clone);只是没有工作。

作为旁注，我也尝试使用这种替代方法：

这实际上工作得很好 - 它正在用内容替换内容（视频播放停止）但是 - 如果我video在内容中有标签（即 HTML5 视频播放），那么由于某种原因，视频会丢失。返回的 HTML完全正确，但由于我无法理解的原因，视频不再被识别，并且不会播放任何内容。它就像视频根本不存在，或者路径不正确。（我假设这与 DOM 不再识别它有关？）

有人知道我如何修复任一版本的代码吗？因为我只是看不到这里发生了什么。

非常感谢！

ETA：作为旁注，如果我使用的是 replaceWith() 函数，然后我转到带有 HTML5 视频的选项卡并播放它，然后交换选项卡，当我返回到其中包含视频的选项卡时，视频仍然在那里，工作正常，如果您单击“播放”，它将从您交换标签的位置开始播放（而不是从头开始）。

如果我转到包含视频的选项卡，然后在播放 HTML5 视频之前移动到另一个选项卡，然后返回到包含 HTML5 视频的选项卡，那么视频就消失了。这真的很奇怪。

如果它有帮助，到目前为止，这只发生在谷歌浏览器中。我还没有真正检查过其他浏览器是否存在问题。

场景

我通过 JQuery ajax 调用获取页面，并显示为弹出窗口。我这样做的原因是该页面也可以在没有 javascript 的情况下访问。该页面本身包含一些下拉列表和按钮。在禁用 javascript 的版本中，通过将所选值传入和传出使用 php 的服务器来维护页面的状态。因此，我打算对 javascript 做同样的事情，在这种情况下，html需要用 ajax 响应替换以前的元素。我在网上进行了广泛的搜索，但无能为力。

问题

替换后，元素丢失事件数据，

如何保存或重新绑定与它们相关的事件？

我一直试图实现的代码是

我不确定这种方法的优雅性，任何解决的建议或不同的方法都将非常感激。

我已经尝试过以下链接

• jQuery事件未触发
• 替换后的jQuery加载事件
• 在 Replacewith 之后维护 jQuery onChange

我正在尝试使用 $.get 将 div 替换为其更新版本。我正在做这样的事情：

但这似乎不起作用。我猜这个 $(this) 不喜欢这样改变，或者它应该工作吗？如果我不想通过搜索数据来检索当前 div 的属性值，有可能吗？

编辑：删除$.get(url + ' #' + $(this).attr('id')，因为它似乎 $.get 实际上不像 load() 。因此，替换的 div 将显示整个数据......如果有人有适当的解决方案来选择部分数据，我将不胜感激。添加评论或其他内容。

我有以下代码：

我不明白我得到的行为：第一个警报显示正确的类（以“locked_”开头）。第二个警报显示为空。尽管它具有正确的类，但我无法再次单击同一个按钮。正常吗？我该怎么办 ？

如果在加载网站时创建了文本字段，但如果我让它以 . replaceWith()功能，它不会工作。

这是我在加载网站时出现的代码：http: //jsfiddle.net/ZnKMX/3/

这是我使用replaceWith创建文本字段的代码：http: //jsfiddle.net/ZnKMX/4/

我需要做两个步骤：

1）单击 div 时显示 InputBox 。2）当鼠标离开该输入框时显示 div。

步骤 #2 不起作用。

谢谢你：）