Question

在Javascript中在运行时创建textbox。当用户点击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

我不知道你到底想要什么，但这里有一些可能对你有帮助的代码？

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

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>

如果你真的想要一个活动，你应该创建一个自定义的

$(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');
    });

});

Jquery：如何使用onload事件动态绑定文本框？

2 个答案: