Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS:创建函数和在$(document.ready)内声明的正确方法_Javascript_Jquery - Fatal编程技术网

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

Javascript JS:创建函数和在$(document.ready)内声明的正确方法,javascript,jquery,Javascript,Jquery,当我向jQuery代码中添加一个单独运行良好的声明时,jQuery代码就会停止正常工作 这是我的全部代码,没有第一行就可以很好地工作: $(document).ready(function() { /////////////////////////Without this works fine $('[rel=popover]').popover({ title: 'title', placement: 'bottom', trigger: 'hover'

当我向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();   
     }
});

});

我如何才能正确地包括第一行?

要回答您的问题,您是如何做的才是正确的方法。问题是为什么它不起作用? 首先,我将围绕它包装一个try/catch并检查异常。我猜加载bootstrap.js有问题

试一试{ $'[rel=popover]'。popover{ 标题:“标题”, 位置:'底部', 触发器:“悬停” }; }第十条{ console.logx;
}错误消息是什么,或者停止工作意味着什么?popover不是标准jQuery的一部分。你忘了加载提供该功能的插件了吗?你使用的.popover方法是什么插件?你确定它在你的环境中正确加载了吗?@Mörre and Aweary我正在使用bootstrap,我在声明bootstrap.js之后声明了这段代码,如下所示:前面的代码在core中。js@Aweary请阅读上面的内容,我无法标记您为什么不将所有这些信息添加到您的问题中,因为您有空间和格式选项?一个JSFIDLE会很好,可以让更多的人为你寻找bug: