0

jQuery uiタブがあり、リンクからタブを開くことができるようにしたい（現在のタブまたはページの内側または外側）

リンクが外部ページにあり、次のようになっている場合は機能します。

http://server.com/view.php?id=130#section-2

これにより、「セクション2」タブが正しく開きます。

問題は、リンクが同じページにある場合、ページが更新されないため（＃section-2が追加されるだけなので）、タブが選択されないことです。

タグでIDを使用し、jQueryでクリックをバインドする回答の例をいくつか見ましたが、リンクの一部が計算されており、それらが内側を指しているのか外側を指しているのかわからないため、これを使用できません。

4

1 に答える 1

0

タブにリンクされているタグにID「section-2-link」を追加します（タブのコンテンツと同じIDにならないように、最後に「-link」を追加します）。そしてこれをjsに追加します

jQuery(window).bind('hashchange', function () { //detect hash change
    var hash = window.location.hash.slice(1); //hash to string (= "section-2")
    jQuery('#' + hash + '-link').trigger("click");
});

これは、URLのハッシュが変更されたことを検出し、必要なリンクのクリックをトリガーします（正しいタブを開くため）

于 2012-08-02T13:08:46.443 に答える