0

Web ページの特定の部分がいつ変更されたかを検出し、それが発生したときにページを更新したいと考えています。これは可能ですか？たとえば、ページの左上隅に約 50px x 50px の緑色の絶対配置要素があるとします。ページが赤くなるたびにページを更新したいとします。

基本的に、私が構築しようとしているのは、通知がポップアップしたときにそれを検出してページを自動的に更新する Web サイトのオーバーレイです。私が思いついた方法よりも優れた方法が他にある場合は、何でも受け付けます。

4

2 に答える 2

0

あなたが使用することができます：

$(element).on('DOMAttrModified', function() {
    //code
});

これが標準かどうかはわかりません。

于 2012-09-29T21:37:14.830 に答える
0

これを使用して毎秒チェックできます。

function hasChanged(hasItChanged)
{
 //your code, eg

 if(hasItChanged) alert("yep");
 else alert("nope");

}

function check(){
  if($("element").css("background-color") == "rgb(255, 0, 0)")
    hasChanged(true);

  else
    hasChanged(false);
}

setInterval(check, 1000); //check every second (1000 miliseconds)

if($("element").css("background-color") == "rgb(255, 0, 0)")行を、変更を見つけた CSS に変更するだけです (明らかに、$("element")必要なセレクターに変更します)。

編集:色に関する限り、機能させるには RGB を使用する必要があることがわかりました。ただし、いつでも$("element").css("background-color")ブラウザーのコンソールに入力して、表示される内容を確認できます。ブラウザ間のサポートのために or ステートメントが必要になるかもしれませんが、少なくとも最新のブラウザでは必要ないと思います。

于 2012-09-29T22:31:46.200 に答える