Question

我是nodeJS，javascript和CSS的完整新手。我目前正在编写单页应用程序。我已添加到我的客户端一个javascript文件，其中包含从服务器检索数据的多个函数。

在HTML的head部分，我首先加载css文件然后像这样加载js文件

<head>
    ...    
    <link rel="stylesheet" href="...">
    <link rel="stylesheet" href="...">
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>        
    <!-- ajax functions script -->
    <script src="js/ajaxFunctions.js"></script>
</head>

然后，在我的html中，在某些时候，我像这样调用ajaxFunctions.js中的一个函数：

<script type="text/javascript">populatePostsList()</script>

现在，该函数可以工作并检索数据，但出于某种原因，当使用chrome（和chrome canary）时，信息会在没有CSS样式的情况下显示。我不知道为什么会这样。此外，当我在safari中检查它时它实际上可以工作但是有10％的时间，它会回到常规的html而没有样式。

有没有人遇到过这种问题并能以正确的方式指导我？另外，这是使用ajax的最佳方式吗？我怎么能实现它所以我不会必须调用实际的函数，但首次加载页面时会自动调用它？

谢谢！

我在这里添加了一个populatePostsList（）函数的片段。

function populatePostsList() {
    var counter = 1;
    $(document).ready(function() {
        $.get(URLAddress + '/getPosts', {} ,function(data) {                
            var arr = data;
            for(var i = arr.Posts.length - 1 ; i >= 0 ; i--) {
                var post = arr.Posts[i];
                $('#newPosts').append(// appending fields from post // );
        });
    });    
}

jQuery在加载css之前将数据加载到页面？

0 个答案: