Javascript Jquery将不透明度衰减为100%

我有一个脚本，它做了一些事情，但是焦点是最后一行，因为它似乎没有使类的不透明度达到100%

$('.fa-briefcase').parent().on('click', function () {
      $("#colorscreen").remove();
      $( '#menu' ).multilevelpushmenu( 'collapse' );
      $("body").append('<div id="colorscreen" class="animated"></div>');
      $("#colorscreen").addClass("fadeInUpBig");
      $('.fadeInUpBig').css('background-color', 'rgba(33,29,134, 0.2)');
      $(".tile-area-main").css({width: "720px"}).load("content.html #overview");
      $(".submenu-ctn").load("content.html .submenu-ctn");
      $('.nav-toggle').removeClass('active');
      $(this).addClass('active');  
      $( ".submenu-ctn" ).animate({ opacity: 10 }, 2000);
});

有人知道为什么class.子菜单ctn没有在2秒内设置为100%不透明度的动画吗

编辑

由于问题仍然导致问题，我想发布页面的html（根据请求），这些页面在这里被用来帮助

。。。从index.html页面（加载内容的位置）

正在将其div选择性加载到上面div中的content.html页面

<div class="submenu-ctn">

  <header class='masthead'>
  <div class='brand-container'>
    <a href='#'>
      <span class='brand-initials'>Who Are Musability?</span>
      <span><i class="fa fa-briefcase brand-initials-icon"></i></span>
    </a>
  </div>
  <nav>
    <div class='nav-container'>
      <div>
      <a class='slide' href='#'>
          <span class='element'>Mission and Values</span>
         </a>
      </div>
      <div>
        <a class='slide' href='#'>
          <span class='element'>Ethos</span>
        </a>
      </div>
      <div>
       <a class='slide' href='#'>
          <span class='element'>Music</span>
         </a>
      </div>
      <div>
        <a class='slide' href='#'>
          <span class='element'>Expression</span>
        </a>
      </div>
      <div>
        <a class='slide' href='#'>
          <span class='element'>People</span>
        </a>
      </div>
      <div>
        <a class='slide' href='#'>
          <span class='element'>Potential</span>
        </a>
      </div>
    </div>
  </nav>
</header>
</div>

---

不透明度

属性值从

0、0.1、0.2、0.3等

到1 so 10无效

换成

$( ".submenu-ctn" ).animate({ opacity: 1 }, 2000);

---

不透明度

属性值从

0、0.1、0.2、0.3等

到1 so 10无效

换成

$( ".submenu-ctn" ).animate({ opacity: 1 }, 2000);

---

opacity

的初始值为

1

，因此请确保将动画设置为

1

以下是规范中关于透明度的说明：

试试这个：

$（'.submenu ctn'）。设置动画({
不透明度：1
}, 2000);

下面是一个jsbin来说明这一点：

也考虑<代码> FADETO >，根据jQuery的DOCS，当您想“调整匹配元素的不透明度”时，应该使用它。 以您的示例为例，这将转化为：

$（'子菜单ctn'）.fadeTo（2000,1）；

---

希望有帮助。

opacity

的初始值是

1

，因此请确保将动画设置为

1

以下是规范中关于透明度的说明：

试试这个：

$（'.submenu ctn'）。设置动画({
不透明度：1
}, 2000);

下面是一个jsbin来说明这一点：

也考虑<代码> FADETO >，根据jQuery的DOCS，当您想“调整匹配元素的不透明度”时，应该使用它。 以您的示例为例，这将转化为：

$（'子菜单ctn'）.fadeTo（2000,1）；

---

---

希望这会有所帮助。

它是完全不改变还是立即改变？还有

load（“content.html.submenu ctn”）您是否试图加载content.html并意外地将其放入css类？可能重复：（）根本不更改它可能尝试
$（“.metro.submenu ctn”）.animate（{opacity:10}，2000）正确，不透明度：0表示元素将不显示它是否完全不更改它，或立即执行它？还有
load（“content.html.submenu ctn”）您是否试图加载content.html并意外地将其放入css类？可能重复：（）根本不更改它可能尝试
$（“.metro.submenu ctn”）.animate（{opacity:10}，2000）正确，不透明度：0表示不显示元素，但不透明度不会达到10，仍可以使用。动画的速度会比使用1快。您认为这与按照脚本第7行从另一个html文件加载动画有什么关系吗？@havingagoatit，您确定指向了正确的元素吗？控制台$（“.submenu ctn”）的结果以查看您是否使用了正确的选择器。您刚刚检查了脚本第7行中的加载是否正常，我从css中取出了不透明度：0，然后我们将需要更多详细信息，如浏览器和jquery版本以及html代码，而不透明度不会达到10，它仍然可以使用。动画的速度会比使用1快。您认为这与按照脚本第7行从另一个html文件加载动画有什么关系吗？@havingagoatit，您确定指向了正确的元素吗？控制台$（“.submenu ctn”）的结果，以查看您是否使用了正确的选择器。您刚刚检查了脚本第7行的加载是否正常，我从css中删除了不透明度：0，然后我们需要更多详细信息，如浏览器和jquery版本以及html代码。它不起作用。。。我很想知道，在html页面上使用相同的类名来消除不透明的是哪个类。我们都是白痴。。。正在加载到页面上的类中的类具有相同的名称。。。因此它变得混乱。。。解决了这个问题。。。不管怎样，每个人都有投票权——这不起作用。。。我很想知道，在html页面上使用相同的类名来消除不透明的是哪个类。我们都是白痴。。。正在加载到页面上的类中的类具有相同的名称。。。因此它变得混乱。。。解决了这个问题。。。不管怎样，每个人都有投票权——
$( ".submenu-ctn" ).animate({ opacity: 1 }, 2000);