Jquery 需要预加载并包含一个html文件

嗨，我在一个网站上工作，它使用服务器端包含来获取页面内容。问题是我在本地机器上开发时没有服务器代码，所以我需要使用jquery临时执行include。我遇到的问题是，我使用的等高列脚本是在加载include脚本之前执行的。结果是我的身高不正确。我怎样才能解决这个问题

JS-

HTML

---

尝试在windowload上使用等高脚本。这将有助于…，因为动态内容加载，您将需要使用事件委派。。。

/*******************************/
/*  JQUERY INCLUDE FILE
/*******************************/
$(window).load(function () { 
    $(".js-include").each(function(){
    var inc=$(this);
        $.get(inc.attr("title"), function(data){
            inc.replaceWith(data);
        });
    });    
});

/*******************************/
/*  EQUAL HEIGHT COLUMNS
/*******************************/
$(document).ready(function() {
   var maxHeight = -1;

   $('.equal').each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.equal').each(function() {
     $(this).height(maxHeight);
   });
 }); 

<div class="row-fluid">
    <div class="col-md-12">
        <div id="sidebar" class="equal col-md-2">
            <div class="panel-group" id="accordion">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                      <i class="fa fa-cog"></i> Office Manager
                    </a>
                  </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/office/index">List Offices</a></li>
                        <!-- TMPL_UNLESS is_agent -->
                        <li><a href="/office/add">Add Offices</a></li>
                        <!-- /TMPL_UNLESS -->
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                      <i class="fa fa-user"></i> Agent Manager
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/agent/index">List Agents</a></li>
                        <!-- TMPL_UNLESS is_agent -->
                        <li><a href="/agent/add">Add Agent</a></li>
                        <li><a href="/agent/email">E-mail Agents</a></li>
                        <!-- /TMPL_UNLESS -->
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                      <i class="fa fa-home"></i> Property Manager
                    </a>
                  </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/open_house">Manage Openhouses</a></li>
                        <li><a href="/featured_listing/index">Manage Featured Listings</a></li>
                        <li><a href="/slideshow/index">Manage Slideshow Listings</a></li>
                        <!--<li><a href="/property_blast/index">Property Blast™</a></li>-->
                        <li><a href="/virtual_tour/index">Manage Virtual Tours</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                      <i class="fa fa-bar-chart-o"></i> Lead Manager
                    </a>
                  </h4>
                </div>
                <div id="collapseFour" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/leads/index">Manage Leads</a></li>
                        <li><a href="/stats/">Property Statistics</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                      <i class="fa fa-users"></i> Client Manager
                    </a>
                  </h4>
                </div>
                <div id="collapseFive" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/client/index">Contact Directory</a></li>
                        <li><a href="/client/add">Add Client</a></li>
                        <li><a href="/client/email">E-Mail Clients</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
                      <i class="fa fa-h-square"></i> Help
                    </a>
                  </h4>
                </div>
                <div id="collapseSix" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="/content/manual.html">On-line Manual</a></li>
                        <!-- <li><a href="/support/faq">Frequently Asked Questions</a></li> -->
                        <li><a href="/support">Support Request</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
        </div>
        <div id="component" class="equal col-md-9">
            <!-- TMPL_VAR content ESCAPE=0 -->
            <div class="js-include" title="index.html"></div>
        </div>
    </div>
</div>