1

我有 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，也不知道我必须做什么。

你能告诉我我必须把代码放在哪里吗？简单的警报消息将通过 ok :) 如果您告诉我如何将 ajax 请求返回到内容选项卡，我将不胜感激。

4

2 回答 2

0 
function onSelect(event,item)
{
    if(item.tab.text() == 'some tab name')
    {
        alert("i can rollerblade");
    }
}
于 2014-03-10T14:15:19.377 回答
0

我使用了 zozo 选项卡的“选择”属性，但它从未对我有用。但我找到了一个替代方案，将一个类或 id 放在 li 中。

$("li#123").live("click", function(e){

 if($(this).text() == 'some tab name')
    {
        alert("i can rollerblade");
        $.ajax({
        ..........
         });

    }
}
于 2014-09-18T11:12:29.797 回答