jquery - 加载网页时在右侧div中显示内容

Question

我在我的“左”div 中单击列表项链接，然后在我的网页上的“右”div 中显示一个 html 页面。我希望在首次加载网页时加载其中一个 html 页面(即默认情况下)。我该怎么做？

此外，如何让背景色延伸到“右”div 的底部？我一直在创建具有自动规范的 div，如果我的“左”div 比我的“右”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);
    });
});