jQueryタブを使用してデータをajaxでロードしましたが、ユーザーがタブをクリックしたときにURLにいくつかのパラメータを追加する必要があります。私は事前にそれらがユーザーによって満たされたフォームから来ているので、パラメータを知らない。だから私は、次のコードのようなものを試してみたが、私はそれが働いて得ることはありません:Jqueryタブ:タブクリック時のajaxデータの変更
<div id="tabs">
<ul>
<li><a href="${tab1_url}">Tab 1</a></li>
<li><a href="${tab2_url}">Tab 2</a></li>
<li><a href="${tab3_url}">Tab 3</a></li>
</ul>
</div>
と私は、アレイ内のフォームをシリアル化し、saticデータを含む配列の配列を結合します。タブが作成された後
var staticData = [{name:'id',value:'${myId}'}];
$("#tabs").tabs({
var $tabs = $("#tabs").tabs({
ajaxOptions: { data: staticData},
select: function(event, ui) {
var dynamicData = $("#common_form").serializeArray();
var dataToSend = staticData.concat(dynamicData);
$("#tabs").tabs("option", "ajaxOptions", { 'data': dataToSend });
return true;
}
});
});
が、これはAjaxのデータを更新しません(私はFirebugので送信された要求を見ているとそれだけで初期のparamsを含みます)。
ユーザーがタブをクリックすると、どのようにajaxデータを変更できますか?
おかげ
EDITED:あなたのコードが見える
http://jqueryui.com/demos/tabs/#method-url
:このコードは
今は正常です。キーは$()。tab()を使って値を設定していました。私は少し違った方法でこれをやっていますが、あなたのソリューションはうまくいくと思います。ありがとう。 – Javi