问题标签 [replacewith]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
106 浏览

javascript - jquery replaceWith 没有响应点击调用

所以我有一个浮动的 div,我想用 jQuery 替换它的内容。在这里,我以 Bing 和 Google 徽标为例,但尽管检查了文档,但似乎无法找出问题所在。我注意到其他人在用标签替换旧内容之前遇到了问题,但这并没有奏效。问题是因为嵌套的 div,还是...?

0 投票
1 回答
1766 浏览

jquery - 使用 jQuery-rails 替换 Ajax

我有一个页面,上面有两种形式。每个表单都是过滤页面结果的不同方式。第一种形式是collection_select. 第二种形式是text_field_tag. 每个都提交到同一个控制器并使用index.js.erb. Firebug 显示 Ajax 调用对它们都有效并返回正确的结果,但是,只有从text_field_tag表单返回的结果才能真正更新页面。它使用相同的代码index.js.erb来返回两个调用的结果,所以我不确定为什么一个有效而另一个无效。

index.html.erb:

_list.html.erb:

index.js.erb:

_filter.html.erb:

_search.html.erb:

控制器.rb:

下面是从 AJAX 调用返回的一些示例:

作品:

不工作:

Firebug 显示从 BOTH 调用返回的 Ajax 工作正常,但不知何故,replaceWith它不适用于从 Filter 表单返回的内容,但对从 Search 表单返回的内容有效。如果您注意到,示例 Ajax 结果完全相同,但不知何故第一个有效,而第二个无效。两者使用相同的index.js.erb代码。

更新:

我还尝试将上面的 index.js.erb 替换为:

这以与上述相同的方式工作。即使它们都使用相同且相同的控制器和相同的视图代码并且它们都返回相同的 AJAX 结果,使用text_field_tag作品的查询和使用 的查询collection_select也不起作用。index.js.erb

更新2:

使用该collection_select版本时,在 jquery 行 2215 中返回 AJAX 调用后,我在 firebug 中收到警告。

我没有通过text_field_tagAJAX 调用收到此警告。

0 投票
1 回答
208 浏览

jquery - 使用 jQuery replaceWith(); 在特定班级

我有一个通过 PHP/MySQL 填充的联系人表。每个联系人都在自己的行中,其类名是“line”加上行号,例如“line01”或“line02”。

我有一个 jQuery 模式对话框,用于添加新联系人、编辑当前联系人和删除联系人。我.replaceWith()用于编辑和.append();添加新联系人。我现在的挑战是让编辑功能正常工作,以便它只替换<div>正在编辑的行,而不是所有行。

如何选择要替换的特定元素,或确保被替换的行与正在编辑的行具有相同的 ID?应该很简单,但我只是无法让它正常工作。帮助表示赞赏!

这是我到目前为止的代码:

编辑:这是代码edit_contact()

编辑:这是处理保存功能的 PHP:

}

0 投票
3 回答
6463 浏览

jquery - “jQuery方式”用HTML和文本的混合替换一个文本节点?

在我的网络浏览器用户脚本项目中,我只需要替换一个文本节点,而不会影响与文本相同的父节点下的其他 HTML 元素。我需要用多个节点替换它:

需要变成:

我知道 jQuery 对文本节点的支持并不多。我知道我可以使用直接 DOM 调用而不是 jQuery。而且我知道我可以做一些我不想改变$('#target').html(的新东西。另请注意,我想保留初始空间,这本身似乎很棘手。+)

我想问这里的专家,有没有最惯用的 jQuery 方法来做到这一点?

0 投票
2 回答
280 浏览

javascript - jquery replaceWith 含义

我正在使用 replaceWithinput type=file来处理用户想要上传的文件的更改。

我有这个代码:

现在的问题是,在用户第一次上传错误的扩展名之后,没有调用这个 jquery changed 事件。

我不知道为什么会这样。如果用户第一次上传有效的扩展名,然后他将其更改为其他有效的扩展名,则一切正常。

0 投票
1 回答
615 浏览

jquery - 如何在文档中使用 jquery 'replaceWith' 两次?

我试图在单击时激活 jQuery 'replaceWith' 功能以将 div1 替换为 div2,然后再次使用 'replaceWith' 在单击时将 div2 替换为 div1。

一切正常,除了单击 div2 时,div1 不会重新出现。

我的代码是:

几乎可以工作的jsfiddle在这里:

http://jsfiddle.net/9zsdN/2/

我很确定我的问题已在下面的链接中得到解答,但我不知道如何将其应用于我的确切代码。

replaceWith 后未注册的事件

谢谢你。

0 投票
1 回答
209 浏览

javascript - 使用带有开关功能的 .replaceWith

以上是我正在使用的 Javascript,这里是 HTML

我想要做的是当有人点击“.td” div 使其变成输入字段时。我认为我需要使用 switch 的原因是需要满足很多条件(正如您在代码中看到的那样),并且 if 和 else 语句太多。所以我不确定我这样做是否正确,因为我刚刚开始编程(这里是初学者,如果有很多错误请见谅)您在 HTML 标记中看到的内容是模板变量,以防万一你想知道。

0 投票
0 回答
129 浏览

jquery - 使用 replacewith 替换 div 元素后,colorbox 停止工作

实现替换代码后,我遇到了颜色框问题。

我有两个元素正在使用 replacewith 进行替换。单击时,这两个元素都会显示所需内容的颜色框。但是,如果我使用 replacewith 来更改这些元素的内容,它将不允许 colorbox 加载正确的 div 内容。

彩盒脚本

Jquery Replacewith 脚本

我确实注意到这两个 a.class 都是内联的,但是一旦加载页面,它的“内联 cboxelement”即使使用它也不允许我加载正确的内容

我也尝试将数据添加到 replacewith 所做的更改中,但这会使元素与以前保持一致

任何帮助都将不胜感激。谢谢

0 投票
1 回答
363 浏览

jquery - replaceWith 和 textarea 选择

是否可以分配select()给一个replaceWith()

我已经尝试过上面的代码,但它不起作用(我认为这是因为这replaceWith()是一个虚构的元素(如果你明白我的意思的话))。

但是,我通过将其onclick="this.focus();this.select()"放入replaceWith()

但更喜欢它在replaceWith()代码之外,就像第一个代码试图做的那样。

0 投票
1 回答
293 浏览

javascript - 用 iFrame 替换所有对象标签 - 第一次替换后停止 - Javascript

尝试编写用 iFrame 替换所有 YouTube 对象标签的 Javascript 代码。相反,我编写的函数将替换 first <object>,然后停止并丢弃之后的所有内容 said <object>

如果我使用不同的元素,例如换行符<br>,它将成功替换所有<object>标签,<br>并且不会丢失任何内容。