彈出窗口頂部？

你好，我有兩個彈出的div，當點擊主導航時彈出。目前，第二個div始終保持在最前，所以你必須關閉它才能獲得第一個div。這裏有一個鏈接我的網站，所以你可以看到我在說什麼：http://nshek.com/彈出窗口頂部？

當你點擊混合媒體，然後攝影，沒有問題。但是，我希望在打開照片彈出窗口時單擊混合媒體時顯示在頂部。

任何幫助將不勝感激。這裏是我的導航&彈出窗口的代碼。

<ul id="topnav"> 
<li><a href = "javascript:void(0)" onclick = "document.getElementById('print').style.display='block';document.getElementById('fade').style.display='block'">mixed media/prints</a></li> 
    <div id="print" class="white_content"> 
    <div id="link"> 
    <b>prints</b> 
    <br />-<a href="/photobased.php">photo-based</a> 
    <br />-<a href="/silkscreen.php">silkscreen</a> 
    <br />-<a href="/relief.php">relief/monoprint</a> 
    <br />-<a href="/litho.php">lithography</a> 


    <br><b>other mediums</b> 
    <br />-<a href="">mixed media</a> 
    <br />-<a href="">paintings</a> 
    </div> 
    <br><br> 
    <div id="close"><a href = "javascript:void(0)" onclick = "document.getElementById('print').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div> 
    </div> 

<li><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">photography</a></li> 
    <div id="light" class="white_content"> 
    <b>digital photography</b> 
    <br /><div id="link"> 
    -<a href="">list series</a> 
    <br />-<a href="/">view all</a> 
    </div> 
    <br><b>film photography</b> 
    <br /><div id="link"> 
    -<a href="/cafilm.php">california, usa</a> 
    <br />-<a href="/hkfilm.php">hong kong</a> 
    <br />-<a href="/miscfilm.php">miscellaneous</a> 
    </div> 
    <br><br> 
    <div id="close"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div> 
    </div> 

<li><a href="/digitalworks.php">digital works</a></li> 
<li><a href="/CV.php">CV/resumé</a></li> 
<li><a href="/contact.php">contact</a></li> 
</ul>

來源

2014-02-26 user3347825

添加你有隱藏你的div到你的腳本透露出一個div被點擊菜單項上，這樣當您單擊菜單項時，腳本代碼首先隱藏，可以來回切換所有div然後只顯示與您剛剛單擊的菜單項相對應的一個。

此外，您已將id「close」分配給兩個不同的div。 Id應該是唯一的 - 只能使用一次。爲了避免這種情況，不要讓「關閉」一個班級和ID。

來源

2014-02-26 05:21:23 lwalden

在你的情況下，你只是沒有隱藏下一個彈出窗口，它可能比你的第一個彈出窗口索引更高，所以你只需要先隱藏它，然後通常彈出下一個彈出窗口。通過jQuery 解決方案：

$('#showFirst').bind('click', function(){ 
    $('#1').show(); 
    $('#2').hide(); 
})

這裏是小提琴http://jsfiddle.net/Goodluck/uxv73/

來源

2014-02-26 05:22:59

彈出窗口頂部？

回答

相關問題