julia 发表于 2014-4-16 06:02:27

简洁jQuery滑动门插件+Ajax

代码简洁实用，但是没有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>

goyuquan 发表于 2014-4-16 10:48:23

告诉你个好方法，直接用bootstrap里的标签页tab

julia 发表于 2014-4-18 10:20:47

多谢正在试bootstrap

lisheng51 发表于 2014-4-22 23:55:05

http://jqueryui.com/tabs/

这个不好用吗？
页: [1]
查看完整版本: 简洁jQuery滑动门插件+Ajax