ホームページ > ウェブフロントエンド > htmlチュートリアル > UI の accordion_html/css_WEB-ITnose について

UI の accordion_html/css_WEB-ITnose について

WBOY
リリース: 2016-06-24 12:25:22
オリジナル
1348 人が閲覧しました

この投稿は 2013-11-20 15:58:02 に wrost によって最終編集されました


このアコーディオンが更新された後も、開いたばかりのメイン メニューが残ります
デモ
http:/ /www.wangjie .org/css-menu/demo/112xiala/
ソースコード:
http://www.wangjie.org/css-menu/detail-6511.aspx


jquery ui のアコーディオンが更新されたら開いたままにすることはできません。 メインメニュー
http://jqueryui.com/accordion/

ディスカッションに返信 (解決策)

Cookie を作成します

$(window).bind('unload', function(){ //ページのアンロード時にクリーンアップして永続化します
$('.'+config["headerclass"]).unbind()
varexpandedindices=[]
$('.'+config["contentclass"]+":visible) ").each(function (index){ //展開されたヘッダーのインデックスを取得
expandedindices.push($(this).attr('contentindex'))
})
if (config.persiststate==true && $(' .'+config[" headerclass"]).length>0){ //状態を保持しますか?
expandedindices=(expandedindices.length==0)? '-1c' :expandedindices //内容が展開されていないことを示します ' -1c' 値?
ddaccordion.setCookie(config.headerclass,expandedindices)
}
})

アンロード時のみパネルが閉じられるのはダメです

ddaccordion.setCookie(config.headerclass,expandedindices)

Cookieを書きます

$ (window).bind('unload', function(){ //ページのアンロード時にクリーンアップして永続化します
$('.'+config["headerclass"]).unbind()
var Expandedindices=[]
$( '.'+config["contentclass"]+":visible").each(function(index){ //展開されたヘッダーのインデックスを取得します
Expandedindices.push($(this).attr('contentindex') )
} )
if (config.persiststate==true && $('.'+config["headerclass"]).length>0){ //expandedindices=(expandedindices.length==0)? '-1c ' : Expandedindices //内容は展開されていません。ダミーの '-1c' 値でそれを示しますか?
ddaccordion.setCookie(config.headerclass, Expandedindices)
}
})

これはアンロード時にのみ記録されます。パネルは閉じています

ddaccordion.setCookie(config.headerclass, Expandedindices)


ありがとうございます。つまり、Cookie を設定して読み取ることで実現されますか?そうです

はい、そのコードを見てください

ddaccordion.setCookie(config.headerclass, Expandedindices)
このメソッドは Cookie パッケージを記述することです
ページがロードされるとき、getCookie もあります

はい、見てくださいそのコード コード

ddaccordion.setCookie(config.headerclass, Expandedindices)
このメソッドは、Cookie パッケージを記述することです
ページをロードするときに、getCookie もあります

ありがとうございます! !

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート