用户
 找回密码
 入住 CI 中国社区
搜索
查看: 2003|回复: 3
收起左侧

简洁jQuery滑动门插件+Ajax

[复制链接]
发表于 2014-4-16 06:02:27 | 显示全部楼层 |阅读模式
代码简洁实用,但是没有Ajax功能,添加Ajax试了N遍无效。求助{:soso_e100:}

简洁jQuery滑动门插件演示 http://www.51xuediannao.com/js/jquery/jqtab_jj/
代码
<script type="text/javascript">
$(document).ready(function() {
    jQuery.jqtab = function(tabtit,tab_conbox,shijian) {
        $(tab_conbox).find("li").hide();
        $(tabtit).find("li:first").addClass("thistab").show();
        $(tab_conbox).find("li:first").show();
   
        $(tabtit).find("li").bind(shijian,function(){
          $(this).addClass("thistab").siblings("li").removeClass("thistab");
            var activeindex = $(tabtit).find("li").index(this);
            $(tab_conbox).children().eq(activeindex).show().siblings().hide();
            return false;
        });
    //这里插入ajax,但无法实现?
    };
    /*调用方法如下:*/
    $.jqtab("#tabs","#tab_conbox","click");
   
    $.jqtab("#tabs2","#tab_conbox2","mouseenter");
   
});
</script>

发表于 2014-4-16 10:48:23 | 显示全部楼层
告诉你个好方法,直接用bootstrap里的标签页tab
 楼主| 发表于 2014-4-18 10:20:47 | 显示全部楼层
多谢正在试bootstrap
发表于 2014-4-22 23:55:05 | 显示全部楼层
http://jqueryui.com/tabs/

这个不好用吗?

本版积分规则