顯示revelent標籤

我有一個名爲「關於我們」，在導航欄一個項目&它有兩個子項>檔案&願景，但我有一個名爲頁面profilevision.html這有兩個div簡介&視力有兩個按鈕配置文件時，配置文件點擊JQ &視力沿，顯示輪廓格&隱藏視覺DIV

我想要做的

比profilevison.html其他頁面上，當我什麼從導航欄視力f的點擊我要加載profilevison.html視力DIV可見&輪廓DIV隱藏

我試圖

我想不出任何東西

好吧，我」加載會盡量明確

主頁上有擁有約我們兩個分項目簡介&視力點擊導航欄一在他們中的任何人打開頁面profilevision.html enter link description here其中有兩個div配置文件&視覺視覺是默認隱藏我有兩個按鈕右側的兩個onclick事件顯示它的各自的選項卡。現在我想要的是如果從主頁如果我點擊願景我想要顯示視覺標籤&隱藏配置文件選項卡

來源

2015-10-02 Kalpesh

我不是100％清楚你想要什麼。你可以嘗試重新說一點嗎？慢慢來，儘可能簡潔。 – wrxsti

@wrxsti編輯了這個問題，希望我這次寫得正確 – Kalpesh

如果你想在這裏得到幫助，你需要顯示代碼。即：你已經嘗試過了。沒有人會試圖給你一個解決方案。 –

更改配置文件中的鏈接：

http://kwebmakerusa.com/gciint/01102015/profilevision.html?section=profile

和遠見的鏈接：

http://kwebmakerusa.com/gciint/01102015/profilevision.html?section=vision

這個腳本添加到您的網站：

if (window.location.href.indexOf("profile") > -1) { 
    $(".profiletab").trigger("click"); 
} else if (window.location.href.indexOf("vision") > -1) { 
    $(".visiontab").trigger("click"); 
}

此代碼檢查如果url包含配置文件，並且包含配置文件，則會在加載時觸發li.profiletab（其中t母雞隻顯示配置文件選項卡部分），同樣的事情，如果該網址包含願景。

來源

2015-10-02 14:21:40

只是一個想法，但不會這兩個條件返回TRUE，因爲該文件的名稱是profilevision.html？文件名包含兩個字符串。 – wrxsti

是的，忘了，它會發現在這兩種情況下，首先...文件名也應該改變，也許aboutus.html 無論如何，這是我的解決方案，有更好的方法來處理這個問題，例如通過使用這樣的ID： http://kwebmakerusa.com/gciint/01102015/profilevision.html#visiontab和http://kwebmakerusa.com/gciint/01102015/profilevision.html#profiletab ... –

您有三個選項，我看到可用。

1）讓他們有需要的默認可見（profile.html & vision.html）兩個不同的文件

或

2）你可以嘗試嵌入一個字符串轉換成您可以從中拉出一個子字符串以確定哪些應該可見。下面一個簡單的例子：

導航欄鏈接

<ul class="drops" style="display: none;"> 
    <li class="profiletab"><a href="profilevision.html?default=profile">Profile</a></li> 
    <li class="visiontab"><a href="profilevision.html?default=vision">Vision</a></li> 
</ul>

然後profilevision.html文檔中，你可以運行這樣一個現成的腳本。

$(function(){ 
    var defaultView = window.location.split('?default=')[1]; 
    if(defaultView == 'vision'){ 
     $('.vis').show(); 
     $('.pro').hide(); 
    } 
});

此代碼未經測試，但它應該關閉。

3）另一個選擇是使用cookie來存儲這個變量，然後在頁面加載時拉取該cookie來查看默認情況下應該加載哪個。這裏是一個很好的地方開始使用餅乾：https://github.com/carhartl/jquery-cookie

一個基本的例子是這樣的：

$('ul.drops li a').on('click', function(e){ 
    e.preventDefault(); 
    $.cookie('defaultView', $(this).text()); 
    window.location = $(this).attr('href'); 
});

那麼對於您的條件：

$(function(){ 
    if($.cookie('defaultView') == 'Vision'){ 
     $('.vis').show(); 
     $('.pro').hide(); 
     $.removeCookie('defaultView'); 
    } 
});

旁註

通常當你發現自己在做這樣的事情時，這不是一件好事。我自己會稱這是一個黑客工作來應對設計缺陷。考慮查看服務器端生成的內容。你會驚訝於你對這種情況的多少控制。

來源

2015-10-02 13:21:53 wrxsti

你會遵循什麼方法？我正在學習jquery並試圖以各種方式/在任何地方實踐它。 – Kalpesh

我可能會去使用cookies的路線。當您點擊鏈接時，它會存儲cookie，保存是否點擊配置文件或視覺。一旦加載profilevision.html，然後拉取該cookie值，並使用類似的條件語句來顯示相應的div。 – wrxsti

@Kalpesh我更新了答案，以顯示一個簡單的例子，說明如何使用我鏈接的庫來使Cookie執行此操作。 – wrxsti

顯示revelent標籤

回答

相關問題