Question

我的代码只能运行一次。我无法弄清楚原因，请帮忙。我真的很糟糕需要它帮助我

我的问题：首先点击顶部的frist按钮然后点击第二个现在再次执行此操作而不用现在刷新页面你看它像第一次一样工作

$(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

我无法重现你所描述的内容：

首先，点击顶部的frist按钮，然后单击在第二个

单击第一个按钮后，第二个按钮不再可见。新面板上的任何一个按钮都没有做任何事情。

然而，查看您的代码，您将根据每个面板的不透明度测试滑动方向，做什么等等：

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的所有这些变化可以解决这个错误的问题

只需将一些.css（＆＃34;不透明度＆＃34;，1），。css（＆＃34;不透明度＆＃34;，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); 
    }
  });
  /////////////////////////////////////////////////////////////////
});

我的jquery函数只能运行一次

2 个答案: