Jquery：onloadイベントでテキストボックスを動的にバインドする方法は？

Question

textboxは、実行時にJavascriptで作成されます。ユーザーがbuttonをクリックすると開いています。

<input type="text" id="documentTitle" name="documentTitle" value="<spring:message code="document.Title"/>" 

クリックすると、textboxのテキストが強調表示されます。

JQueryを使用してonload要素を起動する方法は？

jQueryの次しようとしました

ではなく、成功：

$(document).on("load", "#documentTitle" , function() { 
     myquery.highlightText(this); 
}); 

Answer 1

私はここであなたを助けるかもしれないいくつかのコードを、あなたが正確に何をしたいませんが？あなたはイベントがない選択肢を持っていけない

$(document).ready(function() { 
 
    alert("on load event fire"); 
 
    $("button").click(function() { 
 
    $("textarea").show(); 
 
    }) 
 
});

textarea { 
 
    display: block; 
 
    width: 400px; 
 
    color: black; 
 
    padding: 10px; 
 
    text-shadow: 0px 0px 2px rgba(255, 0, 0, 1); 
 
    height: 120px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea style="display:none">asdasdasd</textarea> 
 
<button> 
 
    show 
 
</button>

Answer 2

など<div>などの任意のDOM要素の準備が完了したときに解雇。

$(document).ready(function(e) { 
 
     $(document).on("click", "#test", function() { 
 
      $("#content").append('<input type="text" id="documentTitle" name="documentTitle" value=""/>'); 
 
      
 
      //do your highlight here 
 
      $("#content #documentTitle").val("test"); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="test" value="test" /> 
 
<div id="content"></div>

あなたが本当にイベントをしたい場合は、uはクリックでテキストエリアを表示する必要があるとそのテキストが右に強調表示されますカスタム1

$(document).ready(function(e) { 
    $(document).on("click", "#test", function() { 
     $("#content").append('<input type="text" id="documentTitle" name="documentTitle" value=""/>');   
     $("#content #documentTitle").trigger("myLoadedevent"); 
    }); 

    $(document).on("myLoadedevent", "#documentTitle", function() { 
     //do your highlight here 
     alert('event'); 
    }); 

});