0

我创建了一个动态创建 HTML 字符串的 javascript 函数，但是由于某种原因，一旦 html 加载页面将不再滚动。如果我打开 Chrome 开发者控制台，它会突然允许页面滚动。我已经检查过了，我认为我拥有所有必需的打开和关闭 div 标签。有没有人见过这个。

这是否与 javascript 在页面加载之前无法完成有关？

任何帮助将不胜感激！

HTML：

//Here is where I call the function to dynamically create the html
<div id="memberList">
    <script>

    $(document).ready(function() {
        generateMembers();
    });

    </script>
</div>

JAVASCRIPT：

function generateMembers(){

    var doneTask = false;
    var TrebUser = Parse.Object.extend("TrebUser");
    var queryTrebUser = new Parse.Query(TrebUser);

    queryTrebUser.find({
        success: function(results) {
        //Create the member profiles
            var t ="<div class=\"row-fluid\"><div class=\"span12\">";

            for (i = 0; i < results.length; i++) {
                //var member = results[i];

                //alert("results length: " + results.length);
                t += "<div class=\"span3\">\
                        <div class=\"met_team_member\">\
                            <div class=\"met_team_member_preview\">\
                                <img src=\"photos/teamMembers/1.jpg\" alt=\"\" />\
                                <div class=\"met_team_member_overlay\">\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photoshop</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Illistration</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photography</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">HTML</span></div></div>\
                                </div>\
                            </div>\
                            <div class=\"met_team_member_details met_bgcolor3 met_color2\">\
                                <h2 class=\"met_title_stack\">DESIGNER</h2>\
                                <h3 class=\"met_title_stack met_bold_one\">ERKAN DOE</h3>\
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore magna aliqua. </p>\
                            </div>\
                            <div class=\"met_team_member_socials met_bgcolor clearfix\">\
                                <a href=\"http://www.facebook.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-facebook\"></i></a>\
                                <a href=\"http://www.twitter.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-twitter\"></i></a>\
                                <a href=\"http://www.google.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-google-plus\"></i></a>\
                                <a href=\"mailto:info@metcreative.com\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-envelope\"></i></a>\
                            </div>\
                        </div>\
                    </div>";

                if ((i+1) % 4 == 0){
                    t += "</div></div><div class=\"row-fluid\"><div class=\"span12\">";
                }
            }

            t += "</div></div>";
            document.getElementById('memberList').innerHTML = t;

        },

        error: function(results, error) {
            alert("Error: " + error.code + " " + error.message);
        }

    });

}
4

0 回答 0