レンダリングされたjsでJavaScriptが利用できない部分

Question

私はそのような問題に直面しています： 私は部分的に（ajax）jsをレンダリングするページで、この部分にはいくつかのフィールドが含まれています。また、クラス 'expand'を持つフィールドにフォーカスするときに、何かを作るべきjsコードを持つファイルがあります。 問題は次のとおりです。このスクリプトは、部分的にレンダリングされたフィールドを除いて、ページ上でクラス 'expand'を持つすべてのフィールドに適用されます。何が問題になるのでしょうか？ file.js：

$("#tasks-right").html("<%= escape_javascript(render :partial => 'task_details', :locals => {:object => @task}) %>"); 

はありがとう：

$(document).ready(function() { 
    $(function() { 
    $('.expand').focus(function() { 
     alert('hello'); 
    }); 
    }); 
}); 

私は部分的なJSレンダリング！

Answer 1

あなたは控えめなJavaScriptコードを使用する必要があります。

$(function() { 
    $(document).on('focus', '.expand', function() { 
    alert('hello'); 
    }); 
}); 

はまた、コードのこの行は同じことをやって：

$(document).ready(function() { 
    $(function() { 

をだから、最初のものをドロップすると、私の例のようにちょうど秒を保ちます上記。