调用加载 function 加载

Question

我想在加载时调用 function

标签。现在我无法调用 function。它删除了标签并用单击按钮替换它。

 $('.test_button').click(function(){ $('#test').remove(); $('.panel').append('<p id="test" onload="myFunction();">No Data Available<p>'); }); function myFunction(){ alert('No data available'); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="panel"> <p id="test">onload<p> </div> <input type="submit" class="test_button">

Answer 1

HTML 元素，除了body ，没有onload事件。 由于向 DOM 添加元素是同步的，因此您可以在添加后调用myFunction 。 如果您希望在警报之前更改文本，您可以使用setTimeout 。

 $('.test_button').click(function(){ $('#test').remove(); $('.panel').append('<p id="test"">No Data Available<p>'); setTimeout(myFunction); }); function myFunction(){ alert('No data available'); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="panel"> <p id="test">onload<p> </div> <input type="submit" class="test_button">