在网页加载时显示正确div的内容

Question

我点击了我'左'div中的列表项链接，然后在我的网页的右'div'div中显示了一个html页面。我希望在首次加载网页时加载其中一个html页面（即作为默认页面）。我怎样才能做到这一点？

此外，我怎样才能让背景颜色扩展到'正确'div的底部？我一直在用自动规格创建div，如果我的'left'div比我'right'div中的内容长，我会在底部有一个白色条。

jQuery代码：

<script type="text/javascript" id="initialLoad"> 
    $("#contactDetailsPane").load('listOfServices.htm'); 
</script> 

<script type="text/javascript" id="jQueryCode"> 

    $(document).ready(
     function(){ 
      $('a.names').click(
       function(){ 
        var thisId = $(this).attr('id'); 
        $('#contactDetailsPane').fadeOut(400, 
        function(){ 
         //$(this).load('tempPage.html #'+thisId+'Details'); 
         $(this).load(thisId + '.htm'); 
         var thisWidth = $(this).parents('dd').width(); 
        }).fadeIn(600); 

        return false; 
       } 
      ); 
      $('.close').live('click',function(){ 
       $(this).parents('div').fadeOut(); 
      }); 
     } 
    ); 
</script> 

Answer 1

最简单的Ajax请求我能想到的.. 包括这个jQuery。

$(function(){ 
    $.get('htmldoc.html', function(data) { 
     $('#resultdiv').html(data); 
    }); 
}); 

Answer 2

$(document).ready(function(){ 
    $("#idOfYourLink").click() 
}) 

Answer 3

初始负载：之前的document.ready部分：$（ “＃rightDiv”）负载（ '路径/到/ HTML/file.html'） ;

背景颜色等与css相关：google是你的朋友！

Answer 4

当你说你有一个“HTML页面”在你的权利div，你的意思是你有一个全新的页面加载到iframe？或者它只是一个普通的'div？

要回答你的第二个问题，你可以实现here的布局。

要特别注意步骤6

Answer 5

有关背景颜色的问题：研究建立围绕他们两个的包装股利和设置在div的CSS属性你想要的背景颜色。然后将左右div的背景设置为透明。

EX在你的HTML：

<div id="wrapper"> 
    <div id="left"></div> 
    <div id="right></div> 
</div> 

，并在你的CSS：

#wrapper{ 
    background-color:#ff0000; 
} 

#left, #right{ 
background:transparent; 
}