工作标签的jQuery 1.5.1脚本

时间:2014-09-03 00:25:34

标签: jquery html css

你能帮我用1.5.1版本的jQuery来编写标签的脚本吗?

我已经获得了我的html,css代码设置。早些时候我尝试使用1.5.1做但没有做对。但是使用jQuery 1.8.3工作正常我不知道为什么我的脚本不适用于1.5.1。

由于这些原因,我需要使用1.5.1。非常感谢您的解决方案。

http://jsfiddle.net/uc3gzxye/'这就是我现在所拥有的。

非常感谢!

2 个答案:

答案 0 :(得分:1)

on()函数曾被称为live()

我已经更新了你的小提琴,它适用于1.6,并且应该也可以在1.5中使用

jQuery('.tabs .tab-links a').live('click', function(e)  {
    var currentAttrValue = jQuery(this).attr('href');

    // Show/Hide Tabs
    jQuery('.tabs ' + currentAttrValue).show().siblings().hide();

    // Change/remove current tab to active
    jQuery(this).parent('li').addClass('active').siblings().removeClass('active');

    e.preventDefault();
});

答案 1 :(得分:1)

我不确定这是你想要的。 是否要在单击第一个选项卡时显示tab1 div,并在单击第二个选项卡时显示tab2 div? 如果它是你想要的,请参考JS:

$(document).ready(function(){

    $("#tab1").hide();
     $("#tab2").hide();

    $('a[href="#tab1"]').click(function(){

       $("#tab1").show().delay(5000);
       $("#tab2").hide();

    });

        $('a[href="#tab2"]').click(function(){

       $("#tab2").show().delay(5000);
       $("#tab1").hide();

    });


});

http://jsfiddle.net/matildayipan/uc3gzxye/3/