Question

我点击了“left”div中的列表项链接，然后在我的网页上的“right”div中显示了一个html页面。我想在首次加载网页时加载一个html页面（即默认情况下）。我怎么能这样做？

另外，如何将背景颜色延伸到“右”div的底部？我一直在创建具有自动规格的div，如果我的'left'div比我'right'div中的内容长，我底部会有一个白条。

jQuery CODE：

<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

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

Answer 2

初始加载：在document.ready部分之前：$（“＃rightDiv”）。load（'path / to / html / file.html'）;

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

Answer 3

我能想到的最简单的ajax请求.. 为此包括jquery。

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

Answer 4

当您说右侧div中有“HTML页面”时，您的意思是您将全新页面加载到iframe中吗？或者它只是一个简单的'div？

要回答第二个问题，您可以实施here所述的布局。

特别注意第6步。

Answer 5

关于背景颜色问题：查看围绕它们创建包装div并在div的css属性中设置所需的背景颜色。然后将左右div的背景设置为透明。

你的html：

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

并在你的CSS中：

#wrapper{
   background-color:#ff0000;
}

#left, #right{
background:transparent;
}

加载网页时显示右侧div中的内容

5 个答案: