問題タブ [superfish]

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 に答える
672 参照

jquery - Jquery - 要素がオーバーフローによって隠されているかどうかを検出する方法:hidden; 容器?

私はこの問題を抱えており、まだ概念的なレベルで理解しています.特定の要素がコンテナーの外側にあるかどうかをどのように検出できますか (overflow:hidden; プロパティが宣言されたコンテナー);

必要なコンテキストは次のとおりです。

マウス ホバー アイテム 3 を想像してみましょう。

通常は次のとおりです。

このように、サブ 3.2 はフローから外れて表示されないか、または (オーバーフローの代わりにコンテナーで clearfix を使用すると) 他のページ コンテンツの上にドロップ ダウンします)、これを解決するには、これを考えますアイテム 3 をマウスでホバーするとします。

これを行うには、おそらく、要素がフローから外れているかどうかを検出し、それが彼のものである場合は、すべてを X px にプッシュする必要があります。

これがこれを解決するための良いアプローチである場合、要素がフローの外にあるかどうかをどのように検出できますか?

これが適切なアプローチではない場合、別のアプローチを提案していただけますか?

ps- jquery メニュー ソリューションとして superfish を使用しています。

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

jquery - jQuery SuperFishエラー:jQuery( "ul.sf-menu")。superfishは関数ではありません

スーパーフィッシュのドロップダウンメニューに問題があります。プロジェクトにjQuery.Columnizerを追加する前は正常に機能していました。カラムライザーを削除すると、jQueryはsuperfish.jsの問題を修正します。ただし、両方を有効にして実行すると、メニューにカーソルを合わせるとドロップダウンメニューが表示されますが、ドロップダウンのメニューリンクをクリックしようとするとドロップダウンが消えます。私はこの問題を解決できないようです-私はグーグルでいろいろなアドバイスや例に従いましたが、役に立ちませんでした。

私はコラムナイザーを使用して、コンテンツを3列のように分割しています。2つのjqueryライブラリを参照しているために問題がありますか?

Superfish.js

Columnizer.js

更新:これが問題の解決策です。

以前の参照の両方を取り出し、最新のCDNで更新することで、完全に機能していることを確認しました。Webconfigで.JSを参照してから、コードビハインドページを参照しました。ふぅ..今働いています-あなたのすべての助けの人々に感謝します。

0 投票する
3 に答える
1479 参照

jquery - Rails 3.1、アセットパイプライン、本番モードのIE 6&7-一部のCSSとjsが正しく読み込まれていません

Rails 3.1アプリを本番モード(Debian 6、Ruby 1.9.2、Passenger)で試してみます。IE6とIE7を使用して試してみましたが、一部のアセットが正しく読み込まれていません。開発モードではすべて正常に動作します。

一部のcssとjsが正しくロードされていないため、すべてのファイルがコンパイルされています。具体的には、ドロップダウン(jqueryスーパーフィッシュメニュー)に問題があります。IE8、IE 9、Firefox、Chromeでは、制作と開発の両方ですべてが正常に機能します。この問題は、本番環境のIE6および7でのみ発生します。

キャッシュをクリアしようとしました(ブラウザとサーバーの両方で)。アセットの再コンパイル。何も助けにはなりません。

誰かが何かに遭遇しましたか?そのような?

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

jquery - スーパーフィッシュ横メニュー。幅の測り方

私はスーパーフィッシュを使用して、自分のWebサイトに水平メニューを作成しています。

コンテンツは非常に動的であるため、メニュー項目は常に異なります。メニュー項目の幅は固定しないでください。

Webサイトの幅全体を埋めるのに十分なメニュー項目が表示されると、「その他の項目」という最後のメニューが表示されます。

表示される項目を制限できるように、各メニュー項目(liタグ)の幅を測定するにはどうすればよいですか?

問題は、これを実現するために特定のフォントに依存できないことです。フォントは、訪問者のマシンで利用できるものは何でも、そうである必要があります。

ご入力いただきありがとうございます

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

jquery - SuperFish メニュー - 可変幅のバグ

Joomla で「Superfish ドロップダウン メニュー」v.1.2 (Superfish-1.4.8 を使用) を使用しています。

「VARIABLE WIDTH SUB-MENUS (BETA)」を有効にした場合。(スーパーフィッシュ プラグインでは - Supersubs プラグイン (現在ベータ版) と呼ばれていると仮定します)

FF3.5、FF9、Chrome16を試しました。

Ctrl+F5 を押すと、次のようになります ( http://www.prowavegroup.ca/ ) :

ここに画像の説明を入力

その後、F5 を押すと、次のようになります。 ここに画像の説明を入力

それを修正する方法はありますか?

ありがとう。

0 投票する
3 に答える
421 参照

html - ドロップダウン (スーパーフィッシュ) メニューは IE で機能しますが、FF / Chrome では壊れていますか?

ウェブサイト: http://soizimage.com/mrmstory.html

何らかの奇妙な理由で、Firefox と Chrome では壊れていますが、IE では完全に動作します。

それが単なるサブメニューなのか、<ul>それとも何か他のものなのかわかりませんか?

助けていただければ幸いです。

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

javascript - 水平スクロールバーを自動スクロールしてメニューを表示します

水平メニューにスーパーフィッシュJQueryを使用しました。ユーザーが子メニュー項目を表示した場合、私の問題は右端のメニュー項目ですが、ユーザーはその子メニューを表示するために水平方向にスクロールする必要があります。左側に子メニューを自動スクロールまたは表示することでこの問題を解決するメカニズムはありますか?助けてください。

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

jquery - Superfish jQuery メニュー: 第 1 レベルにカーソルを合わせると第 3 レベルが常に開く

私は、最初のレベルと 2 番目3 番目のレベル (2 番目のレベルの最初のアイテム) をホバーできるメニューを実現しようとしています。

superfish の-callbackonHide関数や- 引数でできると思っていたのですが、今のところ失敗しています。pathClass

私のメニューは次のようになります: jsfiddle

jsfiddle の例では、ホバーする必要があり、3 番目のレベルはと でASDF開きますbla 1bla 2

この問題を解決する方法についてのヒントをいただければ幸いです。

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

jquery - スーパーフィッシュ付きメニュー-Chromeでリンクが機能しない

jqueryプラグインsuperfishのメニューがあります。問題は、Chromeのリンクをクリックできないことです。

スーパーフィッシュメニューを無効にすると、正常に機能します。z-indexかマークアップのどちらかだと思いますが、エラーが見つかりません。

リンクは次のとおりです:http://goo.gl/AkdXh

どなたかご覧いただけますか?

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

jquery - LESS CSS が jquery プラグインによってスクランブルされないようにする方法を知っている人はいますか?

LESS CSSを使用するセマンティック グリッド システムを使用しようとしています。さらに、 SuperfishJQuery Cornerプラグインを使用しています。

私の問題は、superfish を適用すると、以前は完全に機能していた LESS で生成されたスタイルがスクランブルされることです。前の 2 つの例の間の差分は、jquery で superfish() 呼び出しを適用せずに、「superfish.css」を追加したことです。

(記録として、以前に「コーナー」と「スーパーフィッシュ」を使用するのが難しいと報告した人もいることを知っています。魚の後にコーナーを呼び出し、コーナーをdivに適用する限り、JQuery 1.7および1.7.1と一緒に使用して成功しました魚の外側で包む ul)

明らかに、私は自分のプロジェクトのベースとして使用するセマンティック グリッド レイアウトを構築する最初のステップにいます...そして、セマンティック/LESS がメニューで非常に速く詰まるように見えるのはとても残念で、信じられません。エラーは私のものではありません。

この問題を回避するための解決策またはベスト プラクティスを教えていただければ幸いです。