Question

我使用的是Ruby on Railways3.1.0和jquery-rails gem。我愿将一次j Query活动(也许我可以使用liveFunction...)约束在“超文本div标签上,以便我能够检查其内容的变化,如果是的话(即如果在“div tag”上添加新的代码的话),则在另一个“超文本”上形成一个“硬码>div。

在我看来,这就是:

<div id="div_content_1"></div>

<div id="div_content_2"></div>

I would like to add emove an "Hello!" text message inside the div with id="div_content_2" eachtime the div content with id="div_content_1" changes (in my case, when an HTML input field is added to that div tag - read the example that follows). For example (in the "add" case), when the div with id="div_content_1"changes like this

<div id="div_content_1">
  <!-- The following  input  tag was just added -->
  <input ... />
</div>

我愿努力在<条码>div和id=“div_content_2”中取得以下产出:

<div id="div_content_2">
  <p>
    Hello!
  </p>
</div>

www.un.org/Depts/DGACM/index_spanish.htm 我怎样做?

P.S.: 我正在执行一种表格,用户在选择某种选择后(该活动旨在产生超文本input。 <代码>div with id=“div_content_1> - 我想为了我的习惯目的,可以在同一页(div with id="div_content_2>)上订购这些选择,是为了使I计划进行的分类过程成为可能。

Answer 1

如何:

$( #div_content_1 ).bind( DOMSubtreeModified , function() {
    $( #div_content_2 ).html( <p>Hello</p> );
});

工作实例:http://jsfiddle.net/8m7JM/1/>JSFiddle

这种方法比其他两种方法好,因为它不使用投票。相反,它采用观察员模式,这种模式要好得多。然而,倒数是,这在因特网探索者不到9种的版本中赢得了一定的工作。

Answer 2

如何做到这一点:

($.fn.watchChanges = function(cb){
    $(this).each(function(i, e){
        $(e).data("original_content", $(e).html());
        window.content_changes = window.content_changes ? window.content_changes : [];
        window.content_changes.push({"element": e, "callback": cb});
    });
    return $(this);
})(jQuery);

setInterval(function(){
    if(window.content_changes)
    {
        $.each(window.content_changes, function(i, e) {
            if($(e.element).data("original_content") != $(e.element).html())
            {
                e.callback.apply($(e.element));
                $(e.element).data("original_content", $(e.element).html())
            }
        });
    }
}, 500);

使用:

$( .foo ).watchChanges(function(){
    $( .bar ).html("something s different about you, foo!");
});

Answer 3

这可能是一种“duh”的答案,但我真诚地认为,你的最好之点是简单地修改你的“DIV”功能,使之具有另一个功能:

function addInputToDiv(newInput) {
    div1.append(newInput);
    takeSomeActionToDiv2InResponse();
}

它是使用诸如“DOMSubtreeModised”等高频事件的冷却,但它将在所有浏览器中工作。

友情链接