Question

当我在这里放置所有代码时，我的jquery代码的最后一部分不起作用。它的工作原理。我认为这个问题是因为jquery的混淆。有谁知道如何克服这个问题？ jquery的最后一部分是动画切换

        /*  charts TABS (WORKING)
    ===================================================================*/

    $(".chart-tabs a").click(function(e){
        e.preventDefault();
        idTab = $(this).attr("href");
        $(".chart-tabs .active").removeClass('active');
        $(this).addClass('active');
        $(idTab).siblings().stop().fadeOut(100, function(){
            setTimeout(function(){
                $(idTab).fadeIn(100);
            }, 100)
        })
        // $(idTab).show().siblings().hide();
    })


        /*  SEARCH GENDER (WORKING)
    ===================================================================*/

       $().ready(function(){

        $(".inp-radio").iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green'
        });

        $(".wrap-icon-ratio").click(function(){
           $(this).find("ins").click();
        })

        $(".wrap-icon-ratio ins").click(function(){
            $(".wrap-icon-ratio.active").removeClass("active");
            $(this).parent().parent().parent().addClass("active");
        });

    })

       /*   FOLLOW POP UP (WORKING)
===================================================================*/
$('.social-popup-btn').hover(function()
{
     if($('.social-name-popup').is(':visible'))
        $('.social-name-popup').fadeOut(750 /* Animation Time */, function()
     {
        // animation complete callback
         $('#cat').fadeIn(750);
     });
}, function()
{
     // Mouse Leave callback
});


        /*  SHOWS CHART SEARCH (NOT WORKING)
    ===================================================================*/
$(function(){
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    if($('.search-container-wrap').hasClass('visible')) {
        $('.search-container-wrap').stop().animate({
            'width' : '0'
        }, 1000, function(){
            $(this).removeClass('visible')
        });
    } else {
        $('.search-container-wrap').addClass('visible').stop().animate({
            'width' : '400'
        }, 1000);
    }
   });
});

Answer 1

不需要重复

$(function(){
});

将此用于非工作部分：

       /*  SHOWS CHART SEARCH
    ===================================================================*/
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    if($('.search-container-wrap').hasClass('visible')) {
        $('.search-container-wrap').stop().animate({
            'width' : '0'
        }, 1000, function(){
            $(this).removeClass('visible')
        });
    } else {
        $('.search-container-wrap').addClass('visible').stop().animate({
            'width' : '400'
        }, 1000);
    }
   });

Jquery冲突的代码

1 个答案: