問題タブ [jquery-tools]

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 投票する
2 に答える
2100 参照

javascript - ページ全体をシェーディングし、ホバー時に選択した要素のシェーディングを解除

ページ検査ツールを作成しようとしています。

  • ページ全体が陰になっている
  • ホバーされた要素はシェーディングされません。

ライトボックス タイプのアプリ (似ています) とは異なり、ホバーされたアイテムはその場所に残り、(理想的には) 複製されません。

当初、画像ライトボックスの実装を見て、ドキュメントにオーバーレイを追加し、ホバー時に要素の z-index を上げることを考えていました。ただし、この場合、オーバーレイが追加のマウス ホバーをブロックするため、この手法は機能しません。

あるいは、JQueryTools には「公開」および「マスク」ツールがあり、以下のコードで試しました。

最初のページのマスキングを無効にしない限り、ホバリングは機能しません。プレーンな JQuery、JQuery ツールの公開、またはその他の手法を使用して、これを達成するための最善の方法について何か考えはありますか? ありがとうございました!

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

javascript - JQueryツールのスライドショーを同じ要素に2回添付することはできませんか?

jQuery ツール ( http://flowplayer.org/tools/tabs/ ) を使用してスライドショーを作成しています。jQuery Tools のスライドショーはタブ プラグインの拡張機能であるため、最初にタブを作成し (コンテナ要素、UL#viewtabs で)、次に同じ要素でスライドショーを設定します。現在取り組んでいるプロジェクトでは、ある時点でスライドショーを停止し、タブの動作を破棄する必要があります (要素は引き続き表示されますが、タブとしての動作を停止します)。次に、タブの動作を同じ要素 UL#viewtabs に再アタッチし、次にスライドショーにアタッチする必要があります。タブでは問題なく機能しますが、スライドショーでは機能しません。問題を示すために、以下の簡単なテスト ケースを作成しました。

よろしくお願いします。

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

jquery - jQueryのソート可能なDiv

2 つ以上の div/boxe 間で直接並べ替えて、完全なデータ (var order = ...) を返すことは可能ですか?

オンラインデモ: http://jsbin.com/alegu4

私の他の投稿と同じではないことに注意してください - ありがとう!

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

jquery - jQueryツール - 垂直タブは可能ですか?

サイト全体で jQuery Tools タブを使用していますが、水平タブではなく垂直タブが必要です。jQuery UI タブや他のプラグインでこれができることは知っていますが、jQuery Tools タブを使い続けたいと思っています。

具体的には、http: //flowplayer.org/tools/demos/tabs/skin4.htmを取り、 2 つのことを実行しようとしています。

1) 左側のタブを垂直にします 2) パネルの高さが変更され、そのタブのコンテンツがすべて表示されるようにします

絶対配置とクロスフェードを使用する場合、これは不可能に思えますか? これを機能させるために、クロスフェードをあきらめることができれば幸いです。私はドキュメントを調べましたが、何も見つかりませんでした。

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

jquery - jQueryツール:1つのAJAXタブのみ

jQueryの[ツール]タブを使用したいのですが、通常のインラインコンテンツタブのセットと1つのAJAXタブがあります。しかし、インラインコンテンツまたはajaxコンテンツのいずれかのサンプルしか表示されません。それらを混ぜてもいいですか?

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

javascript - jQueryツールタブ:複数の異なるインスタンス

jQuery Tools Tabsを使用して、のいくつかの呼び出しを使用して、タブの複数のインスタンスをインスタンス化しようとしています.tabs()

公式ドキュメントには、タブの複数のインスタンスを作成する例があります(http://flowplayer.org/tools/demos/tabs/multiple.html)。ただし、ここでは、基本的に同じタブ/ペイン設定の複数のコピーであり、外観、css、およびhtml(基本的に)は同じです。

私の現在の設定は次のようになります。

HTML:

私が欲しいのは、タブとペインの2つの異なるセット用のタブ機能です。DOMの配置と外観が互いに異なり、一方が他方の中にネストされています。

上記の例の各関数は、それ自体で正常に機能します。両方が呼び出された場合、タブの1つのインスタンス(最初に呼び出された方)のみが機能し、2番目のインスタンスは機能しません。

私は何が間違っているのですか?

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

liferay - Liferay 5.2.3でjQuery TOOLSタブを機能させることができません

Liferay 5.2.3 を使用していますが、このバージョンの Liferay に同梱されているデフォルトの jQuery UI タブではなく、jQuery TOOLS タブを利用したいと考えています。うまくいかないようです。まず、ドックがドロップダウンしなくなり、タブが表示されなくなりました。

jQuery TOOLS と jQuery TOOLS タブを使用できるようにするための手順はありますか?

ここの記事のいくつかは、タブなしで jQuery TOOLS をダウンロードすることについて述べていますが、明らかに、私はタブが欲しいです。

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

jquery - JqueryツールでsetValueをアニメーション化する方法

私はこのプラグインを持っています: ここにリンクの説明を入力してください 私がしたいことはこれです:私がリンクをクリックするとき、私はスライダーをアニメーション化したいです。ただし、setValueはアニメーションを実行しておらず、特定の値にジャンプするだけです。

rangeapi.setValue(200);

たとえば、スライダーの値が100で、200に変更したい場合、アニメーションのアイデアがあります。

rangeapi.setValue(101); rangeapi.setValue(102); ... rangeapi.setValue(199); rangeapi.setValue(200);

しかし、私はそれを行う方法がわかりません。

何か案は?ありがとう。

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

javascript - jQuery Tools -> Tooltip destroy メソッド?

jQuery UI カレンダーに加えて、Flowplayer の jQuery Tools フレームワーク (具体的にはツールチップ プラグイン) をテーブルで使用しています。

テーブルの各行には、その上下に行を挿入する機能があります。

これを行うとき、クリックしたオブジェクト (イベントとオブジェクト) を複製し、それを真上または真下に挿入します。

新しい行を追加した後、テーブルを更新し、要素の新しい ID を生成し、datepicker を再初期化し、ツールチップを再初期化しようとします。

インスタンスから完全に破棄して再適用する方法を探しています。

メソッドに似たものを探していdatepicker('destroy')ます。

$j($editRow).find('input.date').datepicker('destroy').datepicker({dateFormat: 'mm-dd-yy', defaultDate : defaultDateStr});

私はすでに試みました:

  1. mouseover イベントと focus イベントのバインドを解除するには: ツールチップを再度呼び出すと、元のオブジェクトに自動的に移動します。

  2. ツールチップ DOM 要素を非表示にし、ツールチップ オブジェクトをターゲットから削除して、再適用します。(1)と同じことが起こります。

自分で destroy メソッドを作成する方法はありますか?

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

jquery - 成功/失敗の検証画像を追加

私は jQuery Tools バリデーターを使用しています。いずれかのフィールドが検証に合格したら、単純な緑色のチェックマーク img (http://p.yusukekamiyamane.com/) を追加したいと思います。検証に失敗します。

現在、標準のエラー メッセージと一緒に赤い境界線が表示されています。エラー メッセージを削除して、緑色のチェックまたは赤い十字の画像に置き換える方法がわかりません。

http://jsfiddle.net/rD44z/

onSuccess を使用する必要があると思いますが、画像を挿入/切り替えする方法がわかりません。どんな助けでも素晴らしいでしょう。