0

スクリーン、タブレット、スマートフォンの基本3メディアで異なるCSSを設定しています。Screen 用にそのまま残しておきたい 2 つのリストがありますが、2 つのリストをタブレット モードでアコーディオン ウィジェットにしたいと考えています。

私の考えは、先に進んですべてをウィジェットに入れることでした。タブレット ビューに設定したサイズでは jquery スクリプトが有効になり、デスクトップ ビューではスクリプトが無効になり、コンテンツは通常の外観で表示されます。

したがって、SpryAccordion.js ファイルが次のようになっている場合: (いくつかの actionscript exp があります。したがって、if/else ステートメントは理解できますが、js でそれらを使用する方法がわかりません)

(function() { // BeginSpryComponent

if (typeof Spry == "undefined") window.Spry = {};
if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.Accordion = function(element, opts) {
//all the spry code...//
};

})();

これをどのようにラップしてウィジェットをオンまたはオフにしますか?

または、これを行うより良い方法はありますか？私はjqueryが初めてです。私の他のオプションは、Div とウィジェットにコンテンツを複製し、css でそれぞれの可視性をオン/オフにすることです。

しかし、それはあまりエレガントではありません。

助けてください。

4

1 に答える 1

0

私はあなたの質問を理解していると思います。では、基本的にアコーディオンのオンとオフを正しく切り替えられるようにしたいですか?

それを行う 1 つの方法は、単にSpry.Widget.Accordion独自の関数の内部を定義し、アコーディオンをアクティブにしたい場合にのみ呼び出すことです。

それはあなたが探していたものですか？

于 2011-11-09T19:26:26.387 に答える