指向同一頁面的兩個鏈接同時

-1

我遇到了一個問題，我不知道如何解決，我真的很感謝任何有關這方面的幫助。好的，所以我有我的頂部導航，每當我點擊導航中的這個特定鏈接時，就會看到'產品鏈接到帶有子菜單的頁面，其中包含頂部導航下的其他四個鏈接。現在，我正在嘗試將此鏈接「產品」和鏈接「子項目」這兩個子菜單鏈接都轉到同一頁面，一旦我點擊產品鏈接 - 項目頁面應顯示產品和項目鏈接設置爲活動。這兩個鏈接都應該導致一個頁面。有人可以幫我解決這個問題嗎？我只是在這裏感到困惑。我不知道該怎麼辦。指向同一頁面的兩個鏈接同時

Fiddle Demo - 導航的一個非常簡單的輪廓。

HTML

<nav class="main-nav"> 
    <ul> 
     <li><a href="items-page.html">products</a></li> 
     <li>link 2</li> 
     <li>link 3</li> 
     <li>link 4</li> 
    </ul> 
</nav> 
<nav class="sub-nav"> 
    <ul> 
     <li><a href="items-page.html">itemes</a></li> 
     <li>sub link 2</li> 
     <li>sub link 3</li> 
     <li>sub link 4</li> 
    </ul> 
</nav>

CSS

nav { 
    display: inline; 
    width: 100%; 
    height: auto; 
    display: block; 
} 
li { 
    list-style-type: none; 
    display: inline; 
} 
nav + nav { 
    border-top: 1px #000000 solid; 
}

來源

2014-01-28 riley

你可以添加示例代碼嗎？這可能是爲什麼這個問題被拒絕投票。 – Bic

實際問題是什麼？您試圖讓兩個鏈接指向同一頁面。你有錯誤嗎？點擊鏈接會發生什麼？ –

兩個鏈接都轉到同一頁面，但我必須單獨點擊它們。 – riley

您可以使用一個有點jQuery的，像這樣：

//on document ready 
$(document).ready(function(){ 
    //chnages path-two.html to path-one.html 
    $('a[href="path-two.html"]').attr("href", "path-one.html"); 
    // if you are on the /path-one.html 
    if(location.pathname == "/path-one.html") { 
     // add active class 
     $('a[href="path-one.html"]').addClass('active'); 
    }; 
});

帶着幾分的CSS是這樣的：

/*example active css, customize to your liking*/ 
.active { 
    color: #ff0000; 
    text-decoration: none; 
}

小提琴：http://jsfiddle.net/N9bwB/6/

如果我理解你的問題，這應該是你需要的。

它是醜陋的地獄......我假設你正在處理一個不喜歡自定義的CMS嗎？

來源

2014-01-28 03:40:55 user2687646

好的，謝謝。將嘗試看看是否有效。 – riley

對不起，但不起作用，什麼都沒有發生。就好像它不在那裏。 – riley

我誤解了。所以我猜你正在使用CMS，不能直接編輯有問題的標籤？並且您正在嘗試使用jQuery將文檔更改爲指向相同鏈接，然後在產品或項目頁上您希望這兩個鏈接都顯示爲活動狀態？ – user2687646

指向同一頁面的兩個鏈接同時

回答

相關問題