我的jquery函數只能運行一次

Question

我的下面的代碼只能運行一次。我無法弄清楚爲什麼，請幫忙。 我真的非常糟糕需要它plz幫助我

我的問題：首先是PLZ點擊弗里斯特按鈕從頂部 ，然後單擊第二個現在做的這一切又沒有 刷新頁面現在ü看到它dosent工作就像第一次

$(document).ready(function() { 
    $('#goLeft').on('click', function() { 
    if ($(".myWorks").css("opacity") == "0") { 
     $('.wrap').animate({ 
     marginRight: '1045px' 
     }, "slow"); 
     $('.about_me').toggleClass("Visibility_to_visible"); 
    } else { 
     $('.myWorks').toggleClass("Visibility_to_Unvisible1"); 
     $('.wrap').animate({ 
     marginRight: '1045px' 
     }, "slow"); 
     $('.about_me').toggleClass("Visibility_to_visible"); 
    } 
    }); 


    $('#goRight').on('click', function() { 

    if ($(".about_me").css("opacity") == "0") { 
     $('.wrap').animate({ 
     marginRight: '20px' 
     }, "slow"); 
     $('.myWorks').toggleClass("Visibility_to_visible1"); 
    } else { 
     $('.about_me').toggleClass("Visibility_to_Unvisible"); 
     $('.wrap').animate({ 
     marginRight: '20px' 
     }, "slow"); 
     $('.myWorks').toggleClass("Visibility_to_visible1"); 
    } 
    }); 

}); 

，這是我的網頁：https://jsfiddle.net/nn8b8w3e/

Answer 1

我無法重現你描述：

首先是PLZ點擊弗里斯特按鈕從頂部，然後單擊 上第二個

點擊第一個按鈕後，第二個按鈕是不再可見點擊。新面板上的任何按鈕都不能做任何事情。

但是看你的代碼，您正在測試滑動的哪個方向，做什麼等的基礎上，每個面板的opactiy：

if ($(".myWorks").css("opacity") == "0") { 

但你已經包括了代碼永遠不會改變的不透明度任何事情。您分配了各種類別，例如：

$('.about_me').toggleClass("Visibility_to_visible"); 

但是您包含的CSS不顯示這些類。你要麼需要有透明度定義這些類的，或者不是在動作中指定的不透明度，例如：

$('.about_me').toggleClass("Visibility_to_visible").css('opacity', 1); 

Answer 2

HELLP朋友，我這樣做是感謝所有的U這個變化可以修復這個bug在這裏是爲ü

只是把一些的.css（ 「不透明度」，1）的.css（ 「不透明度」，0）就可以了

$(document).ready(function(){ 
    $('#goLeft').on('click', function(){ 
    if($(".myWorks").css("opacity") == "0") 
    { 
     $('.wrap').animate({ 
     marginRight : '1045px' 
    },"slow"); 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',1); 
     } 
    else { 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',0); 
    $('.wrap').animate({ 
    marginRight : '1045px' 
    },"slow"); 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',1); 
    } 
    }); 
    //////////////////////////////////////////////////////////////////// 
    $('#goRight').on('click', function(){ 

    if($(".about_me").css("opacity") == "0") 
    { 
     $('.wrap').animate({ 
     marginRight : '20px' 
    },"slow"); 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',1); 
     } 
    else { 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',0); 
    $('.wrap').animate({ 
     marginRight : '20px' 
    },"slow"); 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',1); 
    } 
    }); 
    ///////////////////////////////////////////////////////////////// 
});