問題タブ [idtabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2373 参照

jquery-plugins - jQuery idTabs プラグインのタブクリック機能

idTabs jQuery プラグインを使用する場合、タブがクリックされたときに呼び出される関数をどのように追加しますか? ドキュメントには次のように書かれています(ただし、例はありません):

私のコード:

タブをクリックしても何も起こりません - 警告メッセージが表示されるはずです

0 投票する
1 に答える
1246 参照

javascript - jQuery idTabs - マウスオーバーによる自動変更とフェード

idTabsWeb サイトの今後の再設計でjQuery を使用しています。私は自分のコンテンツに合わせてスタイルを設定しましたが、見栄えは良いですが、必要なものが欠けている機能がいくつかあります。

まず、私が今使っているものは次のとおりです。

明らかに、上記のコードは、ホバーすると次のタブに変更され、クリックが不要になることを意味します。

これが私がやりたいことです:

1 -ユーザーがタブを操作していないときに、指定された秒数ごとにタブを自動的に変更します。

2 -変化したら、フェードさせます。実際には、このための関数が既に にありますidTabs:

mouseover唯一の問題は、イベントでうまく機能しないことです。それぞれにフェードインするのではなく、mouseover単に自動的に変化します。

誰でもこれで私を助けることができますか?

それは大歓迎です!ありがとう!

0 投票する
1 に答える
162 参照

javascript - jQuery idTabs - 左にスライド

idTabs をフェードさせる代わりに、左から右に移動させる方法を知っている人はいますか? ここにこれを提供する必要があるかもしれません: http://codebins.com/bin/4ldqp7r/2

ありがとう!

0 投票する
0 に答える
390 参照

javascript - idTabs を使用した単純なタブ

プラグイン idTabs を使用してタブを作成し、クリックして 2 つのタブを切り替えるときに、タブ ボタンの背景を白のままにし、オレンジ色の境界線を上部に表示したいと思います。(この画像のように):

http://postimage.org/image/8tzg9ij2f/

私ができることは、リンクにエッジを残すことでしたが、実際には、「LI」全体が必要です。

ここで私が作成するスクリプトhttp://jsfiddle.net/VRjK5/

私は仕事のためにこのjsスクリプトを使用しました(idTabs):

私もその間にフェードを作りたいです。しかし、これをjsで作成する方法がわかりません。

みんなありがとう!

0 投票する
1 に答える
161 参照

idtabs - idTabs (ページ間の特定のタブへのリンク)

基本的に、サイトのすべてのページにサイドバーがあります。クリックしたときに他のページにあるユーザーが希望するidTabにリンクするにはどうすればよいですか。これらは 2 つの別個のページであることに注意してください。

現在、Sean Catchpole idTabs 3.0 ベータ版を使用しています。リンクは次のとおりです: http://www.sunsean.com/idTabs/

0 投票する
1 に答える
97 参照

javascript - HighCharts と idTabs - グラフの幅が正しく設定されていない

HighCharts および idTabs プラグインがインストールされた Web ページがあります。一度に 1 つのグラフを表示したいだけなので、複数のタブで取得しました。html コードは次のとおりです。

この時点まではすべて問題ありません。グラフにはデータがあり、幅以外はすべて問題ありません。デフォルトで表示されるグラフ (vpPointsGraph) は正しい幅 (それらを含む div の 100%) ですが、他のグラフはモニターの幅に対応する幅を取り、ラッパー div からはみ出します。問題は、ラッパーのdiv幅を取得したいことだと思いますが、非表示になっているため、画面全体の幅を取ります。とにかくこれを修正する方法はありますか? 回答ありがとうございます。

編集:解決しました。説明については次の回答を確認してください。

0 投票する
5 に答える
353 参照

javascript - メニュー タブのボタンが機能しない

idTabs.jsに基づくCSS メニュー タブがあり、メニューに表示されるコンテンツを切り替える 3 つのボタンがあります<div>

ここでそのデモ

ここで、ボタンがメニューの下になるように少し編集してみますdiv-

しかし、ボタンは機能しなくなります。つまり、メニュー コンテンツを切り替えません。

ここでそのデモ

それを修正する方法は?

0 投票する
1 に答える
41 参照

jquery - javascript関数内でjqueryタブ(idTabs)の準備ができて表示されていることを確認するにはどうすればよいですか?

idTabs jquery プラグインを使用して、ページにいくつかのタブを作成しました。タブ内には、ajax 呼び出しを使用してレンダリングされるテーブルがいくつかあります。今、テーブルをスクロール可能にする必要があり、jquery tableScroll ウィジェットを使用してそれを実行しようとしています。したがって、スクロール用の関数は、タブの準備ができて表示された後に呼び出す必要があります (テーブルの高さを読み取る必要があるため)。タブの状況を判断するにはどうすればよいですか? そのためのコールバック関数はありますか?document.ready と window.load を試しましたが、呼び出す前にタブの準備ができて表示されていることを関数に伝える必要があるようです。誰でも助けることができますか?