jQueryプラグインを使用して、すべてのDivs/CollapseすべてのDivsを展開/展開または個別のDivsを展開しようとしています。ここにJqueryプラグイン:http://www.adipalaz.com/experiments/jquery/multiple_expand_all_collapse_all.htmlがあります。唯一の違いは、AJAXの投稿から取得したDivsにこれらの効果を適用しようとしていることです。Ajaxポストから取得したデータに対してJqueryトグルが失敗する
以下は私の現在の流れです:
ポストデータのURL(getData.php)fromindex.phpへとHTML DIVs-を取得>のdivにトグルを行います。 te DIVに必要なCSSは既にIndex.PHPにロードされています。
インデックスページの検索されたDIVにjqueryとCSSを使用してトグルボタンが付いています。 divを切り替えるために必要なJavaスクリプトは、既にindex.phpページにあります。しかし、トグルボタンは、コンテンツが取得される前であっても起動されるため、取得したdivには表示されません。私はajaxStopを使ってAjaxの完了をトリガーし、トグル関数を起動しようとしましたがuse.belowはサンプルコードではありません。これは私のトグル機能である
$.ajax({
type: 'POST',
url: 'getTicketSummary.php',
data: {ref_no: ref_no},
success: function(data) {
$('#wrapper').hide().html(data).slideDown('slow');
$(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
}
});
}
});
$(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
// jQueryプラグインを使用していますように、expand.jsは、今私は、POSTリクエストの後に機能を追加しようとしたが、動作するように見えるdoest。
のために十分です。 –