0

私はjqueryタブプラグインを使用しています（プラグインはhttp://wordpress.org/extend/plugins/wp-ui/からWordpressダウンロードできます）

4つのタブがあるページがあり、タブ1からタブ4にユーザーを移動するためのテキストリンクが必要です。

タブ4に移動するテキストリンクを追加できます#_enquireが、URLに#_enquireが追加されるため、タブ1に戻ってテキストリンクをクリックすると、すでにそのURLにあるため、機能しなくなります。

タブ自体をクリックしたときに使用したのと同じjqueryをテキストリンクに適用する比較的簡単な方法があるはずだと思います。したがって、テキストリンクをクリックすると、タブ名自体をクリックしたかのように機能します。

あなたはここのサイトのタブを見ることができます：thailand-golf-tours.com/golf-tours/bangkok/bangkok-2-days-golf-package/

タブ1の下部にあるリンクのアンカーバージョンを残しました（「タブ4はここをクリック」）

どんな助けでも大歓迎です。私はcss/htmlの使用に慣れているので、javascript/jqueryはあまり得意ではありません。私は彼のサイト、ワードプレスサイト、ツイッターを通じてプラグインの作者に連絡しようとしましたが、うまくいきませんでした。

4

1 に答える 1

2

リンクで「リダイレクト」するのではなく、jqueryでクリックをシミュレートする必要があります。

したがって、テキストリンクをクリックすることは、4番目のタブをクリックすることと「同じ」です。あなたはあなたのコードを投稿しなかったので、私はアイデアを伝えるべきいくつかのコードを投稿します。

jQuery("#the-name-of-the-link-id").on("click", function(e){
    e.preventDefault();
    jQuery("#the-name-of-the-tab-id").click();
});

これにより、リンクをクリックしたときのタブクリックがシミュレートされます。

編集：

これを試して。

jQuery(document).ready(function($){ 
    $("#the-name-of-the-link-id").on("click", function(e){ 
         e.preventDefault(); 
         e.stopPropagation(); 
         $("#the-name-of-the-tab-id").click(); 
    }); 
});

繰り返しますが、は使用しないでくださいhref。を使用するid必要があるhref場合は、このセレクターを使用しますが、これ$('a[href="#_enquire"]')はそれほど簡単な方法ではありません。

于 2012-07-23T14:15:02.980 に答える