導航到頁面的特定錨

enter image description here

我想要做的是，每當我瀏覽這個網頁，我希望頁面默認打開Reviews選項卡，而不是Description選項卡。

當您將鼠標懸停在Description選項卡上時，您將看到此URL彈出localhost:8080/#tab-description，並分別彈出localhost:8080/#tab-review。

當我打開此頁面時，我想鏈接到第二個選項卡，即#tab-review，因爲現在，默認選項卡是第一個，#tab-description。

重定向發生通過一個名爲order_info.tplView，我使用該URL生成：

<a href="<?php echo $product_url . $product['product_id'] . $tab_review; ?>" class="button"> FEEDBACK </a>

$product_url是其被定義爲http://someurl:8080/index.php?route=product/product&product_id=，其中$product['product_id']是產品ID我在我的控制器設定的URL這是根據特定頁面的產品ID而動態確定的。

我已經試過什麼：

我試圖將#tab-review錨添加到我的網址的結尾，但這並沒有解決我的問題，即http://192.168.16.34:8080/index.php?route=product/product&path=772_774&product_id=1791#tab-review

任何幫助，將不勝感激

來源

2014-12-08 theGreenCabbage

我會給你買蝦爲您使用的標籤什麼各佔 – 2014-12-08 02:38:29

？ jQuery的？ – Kraiden 2014-12-08 02:48:21

@Kraiden Yessir。 – theGreenCabbage 2014-12-08 02:49:36

您可以通過使用激活選項初始化小部件來設置選項卡。

$("#tabs").tabs({ 
    active: 1 
});

或初始化後設置：

$("#tabs").tabs("option", "active", 1);

假設你正在使用的jQuery UI tab widget

來源

2014-12-08 03:01:03 Kraiden

Hi @Kraiden。我是否能夠純粹從URL導航到此特定選項卡？據我所知，使用您的代碼，評論標籤將始終處於活動狀態，無論如何。 – theGreenCabbage 2014-12-08 06:58:49

我不這麼認爲。請不要在此引用我的意見，但我認爲URL中顯示的任何內容都與您使用標記的事實有關，這是默認的瀏覽器行爲。實際顯示哪個選項卡是由jQuery控制的，它不關心URL。再一次，我可能是錯的。 – Kraiden 2014-12-08 22:49:42

你最好打賭，如果你想控制哪個標籤打開，可能會添加一個參數並在PHP端進行控制。所以你的網址就像http://192.168.16.34:8080/index.php?route=product/product&path=772_774&product_id=1791&active_tab=1 – Kraiden 2014-12-08 22:53:01

導航到頁面的特定錨

回答

相關問題