Javascript 如何诊断添加元素消失的原因

jquery-3.1.0

这个脚本添加了“blabla”。但在此之后，页面将重新加载。 因此，添加的元素将消失

当我在调试器中停止时（BrePaPoIt在代码中），“BabLabLA”是VaSiBLE，然后我在JQuery中间进行步骤并出现在某个地方。我试着告诉你我在哪里

我已经删除了所有不相关的脚本，但仍然无法定位问题

当然，我不能在JSFIDLE中建模

你能在这里踢我一脚吗

<script>

    function show_frame_person_create_get(){
        $("#people").after("blablabla");
        debugger;
    }


    function init_frame_person_create(){
        var person_create_button = $('#person_create');

        person_create_button.click(show_frame_person_create_get);
    }

    init_frame_person_create();

</script>


jQuery.event = {
...
    dispatch: function( nativeEvent ) {
        // Determine handlers
        handlerQueue = jQuery.event.handlers.call( this, event, handlers 
                    ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
                        handleObj.handler ).apply( matched.elem, args );

                    if ( ret !== undefined ) { // I OCCUR HERE!
);

函数show\u frame\u person\u create\u get（）{
美元（“#人”）。之后（“布拉布拉布拉”）；
调试器；
}
函数init\u frame\u person\u create（）{
var person_create_button=$（“#person_create”）；
人员创建按钮。单击（显示框架人员创建获取）；
}
init_frame_person_create（）；
jQuery.event={
...
调度：功能（nativeEvent）{
//确定处理程序
handlerQueue=jQuery.event.handlers.call（this，event，handlers
ret=（（jQuery.event.special[handleObj.origType]|{}）.handle||
handleObj.handler）。应用（matched.elem，args）；
如果（ret！==未定义）{//我出现在这里！
);

您可以尝试使用$（document）.ready（）函数将字符串放入文档中。您还需要一个Jquery库

$(document).ready(function(){
$('body').append('blahblah')
})

---

你可以提供fiddle，但是fiddle不能在这里显示任何内容。你能以图形方式显示正在发生的事情和你想要的东西吗？你是在问为什么你的页面会重新加载？还是你在问为什么元素会消失？很明显，元素会消失，因为页面被重新加载。但是，从你发布的代码来看，为什么页面会重新加载还不清楚$（“#person_create”）是一个偶然的按钮吗？如果添加一个preventDefault（）来显示“frame_person_create_get”，会发生什么