Jquery 将内容加载到div中，默认为一个

我有一个带有

s的简单菜单，每个ul在单击它时将其内容加载到一个div中。 我试图将访问者打开页面时要加载的默认内容设置为id为

div1

的内容，而不是像现在这样的所有内容（div1+div2+div3+div4）。 这是我的密码： 当你打开页面时，你可以看到

First Div
Second Div
Third Div
Fourth Div 

装载 我只想将

第一个Div

作为默认内容加载。

更新了您的小提琴：

实际上，我所做的就是在页面加载时单击第一个

a

。又快又脏

加载时隐藏

.pbox

es：添加到css

.pbox{display:none；}

。小提琴：

更新了你的小提琴：

实际上，我所做的就是在页面加载时单击第一个

a

。又快又脏

---

加载时隐藏

.pbox

es：添加到css

.pbox{display:none；}

。Fiddle:

隐藏文档就绪事件上的所有div，并仅显示第一个div（您要显示的默认div）。要显示“获取第一个”，可以对集合使用

first

方法

$(document).ready(function()
{
    $('.pbox:visible').fadeOut();
    $('.pbox').first().fadeIn();

    //your other click event code goes here
});

---

工作示例：

隐藏文档就绪事件上的所有div，并仅显示第一个div（您要显示的默认div）。要显示“获取第一个”，可以对集合使用

first

方法

$(document).ready(function()
{
    $('.pbox:visible').fadeOut();
    $('.pbox').first().fadeIn();

    //your other click event code goes here
});

---

工作示例：

您还可以添加一些css：

.pbox { display:none; }
.in { display: block; }

并更改html：

<div class="pbox in" id="div1">First Div</div>

First Div

您还可以添加一些css：

.pbox { display:none; }
.in { display: block; }

并更改html：

<div class="pbox in" id="div1">First Div</div>

First Div

使用以下代码：

$(document).ready(function()
{
    $('#div1').fadeIn();
    $('#menu').on('click','a',function()
    {
        // fade out all open subcontents
        $('.pbox:visible').fadeOut();
        // fade in new selected subcontent
        $('.pbox[id='+$(this).attr('data-id')+']').fadeIn();
    });
});

并将此规则添加到您的样式中：

.pbox {display: none;}

使用此代码：

$(document).ready(function()
{
    $('#div1').fadeIn();
    $('#menu').on('click','a',function()
    {
        // fade out all open subcontents
        $('.pbox:visible').fadeOut();
        // fade in new selected subcontent
        $('.pbox[id='+$(this).attr('data-id')+']').fadeIn();
    });
});

并将此规则添加到您的样式中：

.pbox {display: none;}

---

但是它会加载所有内容，然后在第一个页面中淡出，我希望它在第一个页面中淡出，而不加载全部内容。首先加载页面，然后将

.pbox{display:none；}

添加到css中。嗨，有一个小问题：如何对其他div执行相同的操作？如果可能的话，通过它的ID（例如，我想默认加载第二个div的内容，并且我已经将

a

标签的ID设置为

ship

）@hims056

find（'a:first'）

是第一个锚点

find（'a:eq（1）

是第二个锚点

find（'a:eq（2）

是第三个锚点，等等。按id执行：

find（'a#ship'）

将选择该锚点。但是它加载所有锚点，然后在第一个锚点中淡出，我希望它在第一个锚点中淡出，而不加载整个内容。首先加载页面，然后将

.pbox{display:none；}

添加到css。嗨，只是一个小问题：我怎样才能对其他div执行相同的操作？如果可能的话，通过它的ID（例如，我想默认加载第二个div的内容，并且我已经将

a

标签的ID设置为

ship

）@hims056

find（'a:first'）

是第一个锚点

find（'a:eq（1）

是第二个锚点

find（'a:eq（2）

是第三个锚点，以此类推。按id执行：

find（'a#ship'）

将选择该锚点。但它加载所有锚点，然后在第一个锚点中淡出，我希望它在第一个淡入淡出，而不加载整个内容首先加载page@user2401856：您可以更新HTML/CSS以在页面加载中显示所有/任何您想要的内容。但它会加载所有内容，然后在第一个页面中淡出，我希望它在第一个淡入淡出，而不加载整个内容首先加载page@user2401856：您可以更新HTML/CSS以在页面加载中显示所有/任何您想要的内容。键入我的时显示Woa 3答案：）键入我的时显示Woa 3答案：）