AJAX 重新加载后，javascript 包含的文件消失了

Question

我有一个页面，其中我通过 JQUERY Ajax 调用刷新了一个 DIV，但是我丢失了所有 javascript 代码包含在“头”页面中。我需要包括它们两次吗？在我看来，这对性能不利，因为当 javascript 已经在客户端页面上时，您必须再次加载它。如何包含文件以便在 Ajax 刷新后它们也可用

$(document).ready( function() {
    $("#prijzen_huidige_jaar").submit(function(event) {    
    /* stop form from submitting normally */    
    event.preventDefault();      
    $.ajax({
    type:"POST",
    url:"prijzen_huidige_jaar_test.php",
    cache: false,                   
    data: $("#prijzen_huidige_jaar").serialize(),
    success:function(data){
        $("#test").replaceWith(data);
    }       
});
});
});

在主页中包含:

<script type="text/javascript" src="https://localhost/include_bestanden/javascript/prijzen.js"></script>

Answer 1

不要在您的 JS 中使用 click，您应该使用带有类标识符的 on，因为这将适用于稍后通过 AJAX 添加的元素。

所以代替:

$("input[name$='vraag_afwijkende_prijzen']").click(function(){          
    if($(this).val() == 1){
        $("#instructie_afw_prijzen_tekst").html(vraag4_ja);
        $("#afwijkende_prijzen_vak").show('slow');
        $("#afwijkend_1").show('slow');
    }
    //etc

尝试这样的事情:

$(document).on("click", ".vragen-radio", function() {
     if ($(this).attr("name") == 'vraag_afwijkende_prijzen' && $(this).val() == 1) {
        $("#instructie_afw_prijzen_tekst").html(vraag4_ja);
        $("#afwijkende_prijzen_vak").show('slow');
        $("#afwijkend_1").show('slow');
     }
     //etc

您可以在这个问题中阅读:Why use jQuery on() instead of click()