默認顯示第一個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

回答

相關問題