默认显示第一个div

-1

.newboxes { 
     display: none; 

    } 

    <script language="javascript"> 
    function showonlyone(thechosenone) { 
     $('.newboxes').each(function(index) { 
       if ($(this).attr("id") == thechosenone) { 
        $(this).show(200); 
       } 
       else { 
        $(this).hide(600); 
       } 
     }); 
    } 
    </script> 

<a href="javascript:showonlyone('newboxes1');" id="myHeader1"> 
<a href="javascript:showonlyone('newboxes2');" id="myHeader2"> 
<a href="javascript:showonlyone('newboxes3');" id="myHeader3"> 
<a href="javascript:showonlyone('newboxes4');" id="myHeader4"> 

<div class="newboxes" id="newboxes1" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes2" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes3" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes4" style="display: none;padding: 0px; width: 750px; font-size:14px;">

我想在页面加载第一次时首先显示。我应该如何使用这段代码来做到这一点？如果我添加显示：块;首先它不会像那样工作。默认显示第一个div

来源

2013-08-02 Aeykash

也许你有啥可通过关闭的标签开始。 – iConnor

锚和div标签未关闭。您的dom结构无效 – dreamweiver

从第一个div中删除'display：none'。并更改CSS。事实上，如果您要使用内联样式，请不要担心该CSS。 – musefan

更改第一个为display：block

<div class="newboxes" id="newboxes1" style="display: block;padding: 0px; width: 750px; font-size:14px;">

，或者选择使用ID：

#newboxes1{ 
    display:block; 
}

来源

2013-08-02 13:52:36

添加这个CSS代码中的：

.newboxes:first-child { 
    display: block; 
}

和删除内联显示器来自所有divs的财产。

<div class="newboxes" id="newboxes1" style="padding: 0px; width: 750px; font-size:14px;">

来源

2013-08-02 13:52:53

为什么当元素具有唯一的'ID'时，您会使用'：first-child'？ – iConnor

@Connor，以便他们可以在任何地方使用它，在其他页面上表示可以是不同的ID。 –

function showonlyone(thechosenone) { 
     $('.newboxes').each(function(index) { 
       if ($(this).attr("id") == thechosenone) { 
        $(this).show(200); 
       } 
       else { 
        $(this).hide(600); 
       } 
     }); 
    } 

// This will show first box :eq(n) returns the nth item from the selector (starting from 0) 
$('.newboxes:eq(0)').show();

来源

2013-08-02 13:53:54 chadanuk

默认显示第一个div

回答

相关问题