javascript - 如何在 JavaScript 函数中添加 jQuery？

Question

我正在构建一些仅用 JS 编写的切换函数，然后我想在 JS 函数中添加一些 jQuery 库。（对于缓慢而流畅的滚动）但是我不确定这样做的最佳做法是什么。

function myFunction1() {

   if (subContent1.style.display === "none") {
      $(document).ready(function(){
       $('#container1').animate({ scrollTop: 0 }, 'slow');
});

   setTimeout(function(){
      subContent1.style.display = "block";
      }, 600);

   } else {
     setTimeout(function(){
       subContent1.style.display = "none";
            }, 600);
        }
    }

目前我已经把

$(document).ready(function(){
       $('#container1').animate({ scrollTop: 0 }, 'slow');
}

在 if 语句之后，但它不起作用。谁能让我知道在 JS 函数中添加 jQuery 的最佳方法是什么？

标签： javascriptjquery

Answer 1

不要混合使用 DOM 和 jQuery

不要$(document).ready(function(){在函数中使用。这不是它的用途

假设 subContent1 是一个类，你可以这样做——知道你在哪里调用 myFunction1 会很有用

function myFunction1() {
  if ($(".subContent1").not(":visible")) {
    $('#container1').animate({ scrollTop: 0  }, 'slow');
  }
  setTimeout(function() {
    $(".subContent1").toggle(); // show if hidden, hide if visible
  }, 600);
}