导入后如何实际使用jquery?

时间:2015-11-30 11:40:18

标签: javascript jquery html css twitter-bootstrap

我正在从头开始做我的第一个项目,之前我已经使用过bootstrap模板并在其中进行了很多改变,但是我总是遇到类的问题而且它变得非常复杂,所以我只是尝试了bootstrap css和js,以及jquery,因为看起来我使用的所有模板都导入了jquery。

但是随着我越来越熟悉javascript,我一直在制作特定的.js文件,例如平滑滚动,缓动和不透明度等。但是在我使用的所有模板中,这些东西似乎只是工作而且只有jquery cdn和jquery缓动,我如何实际应用jquery中的内容(以及它实际上是什么?)到我的类或实现平滑的滚动和验证功能?

例如,对于平滑滚动,我必须自己创建(实际上是从这里获得)js并定位导航栏并自己编辑一些变量。

        $(document).ready(function(){
  // Add smooth scrolling to all links in navbar
  $(".navbar a.scroll,.navbar a.navbar-brand").on('click', function(event) {

  // Prevent default anchor click behavior
  event.preventDefault();

  // Store hash
  var hash = this.hash;

  // Using jQuery's animate() method to add smooth page scroll
  // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
  $('html, body').animate({
    scrollTop: $(hash).offset().top - $('.navbar').height()
  }, 1600, 'easeInOutCubic', function(){

    // Add hash (#) to URL when done scrolling (default click behavior)
    window.location.hash = hash;
    });
  });
})

我还需要在jquery js文件中执行此操作吗?

由于

0 个答案:

没有答案