私はzozoタブスクリプトを持っていて、変更タブでajaxリクエストをしたいです。ここに私のプレビューがあります
ここではアニメーションが機能しません。理由はわかりませんが、JavaScript コードを確認できます。
$(document).ready(function () {
checkOrientation("vertical");
var onSelect = function(event, item) {
console.log("Selected tab text: " + item.tab.text()); alert('dsadsa');
};
var tabbedNav = $("#tabbed-nav").zozoTabs({
orientation: "vertical",
animation: { duration: 200 },
defaultTab: "tab1",
effects: "slideD",
easing: "easeOutQuad",
select: onSelect
});
$("#ddl-orientation").bind("change", function (e) {
var orientation = $(this).val();
checkOrientation(orientation);
tabbedNav.data('zozoTabs').setOptions({ "orientation": orientation });
});
$("#ddl-position").bind("change", function (e) {
tabbedNav.data('zozoTabs').setOptions({ "position": $(this).val() });
});
function checkOrientation(orientation) {
jQuery('#ddl-position').children('option[data-orientation="h"]').attr('disabled', !(orientation === "horizontal"));
}
});
どうやらこのアニメーションは ajax で使いやすいようです。
ここにドキュメントがあります
私はJavaScriptがよくわからないので、何をすればいいのかわかりません。
コードをアクティブな ajax に配置する必要がある場所を教えてください。簡単な警告メッセージは大丈夫です:)コンテンツタブにajaxリクエストを返す方法を教えていただければ、私も感謝します。