当加载其他脚本/创建其他脚本的元素时,jQuery触发事件

时间:2017-08-31 07:34:39

标签: javascript jquery

在此元素来自另一个脚本之后,我需要更改动态生成的p元素中的文本。

adobe edge脚本在#Stage中创建了两个p元素。我需要在创建后更改这些p元素中的文本。

我实际上可以使用on。(“click”)事件更改文本,但是我需要在p元素生成后立即触发此事件。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.6.0.0.min.js"></script>

</head>
    <body>
        <div id="Stage">

        </div>

        <script type="text/javascript">
            $( "#Stage" ).on( "click", "p", function() {
                $("#Stage p").text("New Content");
            });
        </script>


    </body>


</html>

1 个答案:

答案 0 :(得分:0)

希望这会有所帮助:

&#13;
&#13;
 $(function(){
	$("<p></p>").appendTo($("#Stage"));
	$("<p></p>").appendTo($("#Stage"));
	$("<p></p>").appendTo($("#Stage"));
});

$("#Stage p").livequery(function () {
	$("#Stage p").text("New Content");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/livequery/1.1.1/jquery.livequery.min.js"></script>

<div id="Stage"></div>
&#13;
&#13;
&#13;