Javascript 来自ajax调用的内容并不总是加载

Javascript 来自ajax调用的内容并不总是加载,javascript,ajax,Javascript,Ajax,我已经创建了一个控制面板,网站管理员可以从中更改预订表单的内容,他可以更改select的选项标签 要检索内容,一旦index.html主页被调用,文件getInvesture.js应使用选项标记填充select js包含一个ajax调用,代码如下: getinventari.js 我把这个JS文件放在我的主页底部,如下所示 index.html 问题是内容并不总是加载…如果我在大多数时间按ctrl+f5刷新页面,我就可以使用内容…否则选择是空的…知道为什么吗?是否可能是使用特定的库来显示选择框?

我已经创建了一个控制面板,网站管理员可以从中更改预订表单的内容,他可以更改select的选项标签

要检索内容,一旦index.html主页被调用,文件getInvesture.js应使用选项标记填充select

js包含一个ajax调用,代码如下:

getinventari.js

我把这个JS文件放在我的主页底部,如下所示

index.html


问题是内容并不总是加载…如果我在大多数时间按ctrl+f5刷新页面,我就可以使用内容…否则选择是空的…知道为什么吗?

是否可能是使用特定的库来显示选择框?对于其中一些应用程序,如果您修改它们下的DOM,它们不会自动显示新结果,但是它们需要您调用一些东西来刷新。如果是这样,请取出它们并检查是否仍然存在相同的问题。你是对的…问题是由jquery引起的。选择box-0.2.min.js…有什么好主意可以让它工作吗?检查它们的API:-它们似乎有一个刷新选项,你可以通过。您可能会再次在其上调用selectBox。一旦你弄明白了,就可以把它作为答案贴出来,这样其他人就可以从中受益了请尝试$document.readyfunction{/**…此处的代码…**}包装器,以确保所有dom元素都已完全呈现
$.ajax({
    type:"POST",
    url:"private/getItinerari.php"
}).done(function(itinerario_out){
    //console.log(itinerario_out);
    var route = JSON.parse(itinerario_out);
    for(var i in route){
        $('#basic').append('<option id="'+ route[i].it_id +'" value="'+route[i].it_id +'">'+ route[i].itinerario +'</option>');
    }

    $.ajax({
        type:"POST",
        url:"private/getSortable.php",
        dataType: 'json'
    }).done(function (list) {
        var sortedList = list;

        sortedList.forEach(function(id) {
            $("#" + id).appendTo("#basic")
        })
    })
});
<script type="text/javascript" src="js/getItinerari.js"></script>
        <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>
        <!--[if IE]>
        <script type="text/javascript" src="js/placeholder_ie.js"></script>     
        <![endif]-->
        <script type="text/javascript" src="js/custom-form-elements.js"></script>

        <script type="text/javascript" src="js/jquery.selectbox-0.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.blueberry.js"></script>
        <script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script src="js/calculatePrice.js"></script>
        <!--<script src="js/routeprice.js"></script>-->

        <!-- Validate forms-->
        <script type="text/javascript" src="assets/validate.js"></script>
    </body>