Zozo选项卡和ajax请求

Zozo tabs and ajax request

本文关键字：ajax 请求 选项 Zozo      更新时间：2023-09-26

我有zozo-tabs脚本，我想在更改选项卡上发出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请求返回到内容选项卡，我也会很感激。

function onSelect(event,item)
{
    if(item.tab.text() == 'some tab name')
    {
        alert("i can rollerblade");
    }
}

我使用过zozo选项卡的"select"属性，但它从未对我起过作用。但我找到了另一种选择在li.中放入类或id

$("li#123").live("click", function(e){
 if($(this).text() == 'some tab name')
    {
        alert("i can rollerblade");
        $.ajax({
        ..........
         });
    }
}
相关文章：