我正在使用Ruby on Rails
3.1.0
和jquery-rails
gem。我希望绑定一个jQuery事件(也许我可以使用live
功能...)添加到HTML div
标记,以便检查其内容更改,如果是这样(即,如果向该div
标记添加了新代码),则在另一个HTML div
标记中创建自定义文本。
也就是说,在我的视图文件中我有:
<div id="div_content_1"></div>
<div id="div_content_2"></div>
我想在每次div
* 内容 * 发生id="div_content_1"
变更时,在div
内添加/删除“Hello!”文本消息,id="div_content_2"
(在我的例子中,当HTML input
字段被添加到div
标记时-请阅读下面的示例)。(在“加”的情况下),当div
与id="div_content_1"
这样变化时
<div id="div_content_1">
<!-- The following 'input' tag was just added -->
<input ... />
</div>
我想让它工作,以便在id="div_content_2"
的div
中有如下输出:
<div id="div_content_2">
<p>
Hello!
</p>
</div>
"我该怎么做"
附言:我正在实现一个表单,选择某个选项后(此事件旨在使用id="div_content_1"
在div
中生成HTML input
字段-我这样做是出于自定义目的...)可以在同一页面上对这些选项进行排序(使用div
和id="div_content_2"
旨在使我计划的排序过程成为可能)。
3条答案
按热度按时间ccgok5k51#
怎么样:
工作示例:JSFiddle
这个方法比其他两个方法好,因为它不使用轮询。相反,它使用了观察者模式,这要好得多。但是,缺点是它在Internet Explorer 9以下的版本中不起作用。
mspsb9vt2#
不如这样吧:
用法:
unhi4e5o3#
这可能是一个“duh”类型的答案,但老实说,我认为最好的办法是简单地修改“change the DIV”函数,使其调用另一个函数:
这没有使用像DOMSubtreeModified这样的疯狂事件那么酷...但是它可以在所有浏览器中工作。