jQueryの：その内容は

Question

を変化させたときの私は自分のページ上のメッセージを持っているとしましょう/非表示を表示する要素をバインドします

<div class="message one">Here is some text.</div> 
... 
<div class="message two">Here is other text for something else.</div> 

私はメッセージ内のテキストを置いてもよいいずれかのイベントがたくさんある、またはそれをクリアしてください。

今私は、メッセージを表示しているかどうかをチェックし、必要に応じて状態を変更するすべてのメッセージ送信関数呼び出しもチェックしています。つまり、この基本ロジックの重複がたくさんあります。

メッセージdivが変更されたときにトリガーされるバインドを設定したいので、空に設定するとスライドし、空からテキストに設定するとスライドします。

可能でしょうか、もしそうなら、どうですか？

このリンクあたり

Answer 1

、これはjQueryのではサポートされていない「突然変異イベント」と呼ばれることになります。Detect element content changes with jQuery

私は単に一つの場所にロジックを統合するヘルパー関数を作成することをお勧めしたいです。例：

function updateElement(selector, newText) 
{ 
    $(selector).text(newText); 
    if (newText == '') $(selector.slideUp()); 
    else $(selector.slideDown()); 
} 

Answer 2

ここでは、私の頭の上から何かであり、あなたが探しているまさにではなく、divのテキストを更新するときに呼び出す関数である、それは変更する必要でしょうdivの別々のクラスからクラス：単一のクラスへの「メッセージ1」が「message_one」

<script> 
    $(function(){ 

     function show_message(class, message) 
     { 
      var $div = $('div[class='+class+']'); 

      $div.slideUp(250, function(){ 

       if (message.length > 0) 
       { 
        $div.html(message); 
        $div.slideDown(250); 
       } 
      }); 
     } 

     // example of calling this 

     $('button').click(function(){ 
      // hide the div 
      show_message('message_one', ''); 
     }); 

     $('someotherbutton').click(function(){ 
      // this will slideup and then slidedown 
      show_message('message_two', "<p>Here's my message.</p>"); 
     }); 

    }); 
</script> 

Answer 3

はこれを試してみてください。

$("div").live("change", function() { 

    if ($(this).text().length == 0) { 

     $(this).slideUp(); 

    } else { $(this).slideDown();} 

});