如何通过单击选项卡标题在选项卡中加载网页?

时间:2013-11-06 03:46:40

标签: javascript jquery html

我有一个包含多个标签的主页。其中一个包含一个链接。如果我点击链接,新主页应加载到主页上的另一个网页上。我该怎么做?

此外,如果其中一个上新加载的页面包含一个链接,并且单击该链接有助于第二个新网页加载标签替换div的第一个内容,问题是我该怎么办是什么?

这是给我的作业,规则如下:

我需要有关如何操作的帮助和建议。 感谢您对我的问题提供任何帮助或建议。

2 个答案:

答案 0 :(得分:1)

您使用AJAX加载页面内的内容

检查这个小提琴

http://jsfiddle.net/fBrYp/1/

这可以解释如何做。

脚本

$('#nav li a').click(function(){

        var toLoad = $(this).attr('href')+' #content';
        $('#content').hide('fast',loadContent);
        $('#load').remove();
        $('#wrapper').append('<span id="load">LOADING...</span>');
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            $('#content').show('normal',hideLoader());
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;

    });

答案 1 :(得分:0)

您所指的是使用AJAX加载内容。

我建议阅读以下文档,因为编写此内容时会有相当多的信息。

http://learn.jquery.com/ajax/