JS:创建函数并在$(document).ready中声明的正确方法

Question

当我向jQuery代码添加一个声明时，我的jQuery代码停止正常工作，该声明单独工作正常。

这是我的整个代码，没有第一行就可以正常工作：

$(document).ready(function() {
  /////////////////////////Without this works fine
  $('[rel=popover]').popover({
    title: 'title',
    placement: 'bottom',
    trigger: 'hover'
  });
  //////////////////////////
//SEARCH PAGE, STICKY SIDEBAR
if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
    $(window).scroll( function() { // scroll event
      var windowTop = $(window).scrollTop(); // returns number 
      if (windowTop > 60){
        $('.sticky').css({ position: 'fixed', top: '60px' }); //60px (header's height)
      } else {
        $('.sticky').css('position','static');
      }
    });
  }
//PARALLAX ON HOMEPAGE
var currentX = '';
var movementConstantCity = .03;
var movementConstantCars = .01;
$(document).mousemove(function(e) {
    if(currentX == '') currentX = e.pageX;
    var xdiff = e.pageX - currentX;
    currentX = e.pageX;
    $('.parallax_city').each(function(i, el) {
        var movement = (i + 1) * (xdiff * movementConstantCity);
        var newX = $(el).position().left + movement;
        $(el).css('left', newX + 'px');
    });
    $('.parallax_cars').each(function(i, el) {
        var movement = (i + 1) * (xdiff * movementConstantCars);
        var newX = $(el).position().left + movement;
        $(el).css('left', newX + 'px');
    });
});
//SHOW FORM ON PUBLISH PAGE
$(".pricing_table ul").click(function(e) {
    if($(".form_details").css('display') === "none") {
        $(".form_details").show();
        $(".preamble").text("Texto!");
        var body = $("html, body");
        body.animate({scrollTop:0}, '400', 'swing');
        e.preventDefault();
    }
});
//SELECTED PACKAGE ON PUBLISH PAGE
$(".pricing_table ul#package").click(function () { 
$(this).addClass('selected').siblings().removeClass("selected");
     if($(".pricing_table ul#package").hasClass("selected")) {
        $(".pricing_table ul#package .highlight").hide();   
     }
});
});

如何正确包含第一行？

Answer 1

回答你的问题，你是如何做到的是正确的方法。问题是为什么它不起作用？我会首先在它周围包装一个尝试/捕获并检查异常。我的猜测是加载引导有问题.js

   try {
     $('[rel=popover]').popover({
       title: 'title',
       placement: 'bottom',
       trigger: 'hover'
     });
   } catch (x) {
     console.log(x);
   }