javascript - Rails 和 jQuery 有时不工作

标签 javascript jquery ruby-on-rails ruby-on-rails-4

使用rails 4和jQuery,但我似乎与两个函数有一些小的冲突。

第一个功能是滚动到顶部功能。

$(window).scroll(function(){
    if ($(this).offset().top > 600) {
        $('.scrollToTop').fadeIn(500);
    } else {
        $('.scrollToTop').fadeOut(500);
    }
});

//Click event to scroll to top
$('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
});

另一个是嵌套属性(RailsCast教程)函数。

$(function() {
      $("form").on("click", ".remove_fields", function(event) {
        $(this).prev("input[type=hidden]").val("1");
        $(this).closest("fieldset").hide();
        return event.preventDefault();
      });
      return $("form").on("click", ".add_fields", function(event) {
        var regexp, time;
        regexp = void 0;
        time = void 0;
        time = new Date().getTime();
        regexp = new RegExp($(this).data("id"), "g");
        $(this).before($(this).data("fields").replace(regexp, time));
        return event.preventDefault();
      });
    });

现在一个可以工作,而另一个则不能,我不确定问题是什么。如果我剪切并重新粘贴嵌套属性 jQuery,它可以工作,但如果我单击滚动到它,它就不起作用。

我是 jQuery 新手,所以我不确定是否会出现某种冲突。

Application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

最佳答案

按照此 gem 的步骤操作 https://github.com/kossnocorp/jquery.turbolinks但不要向下移动//= require Turbolinks 只需将其完全删除即可。

关于javascript - Rails 和 jQuery 有时不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29465289/

相关文章:

javascript - Facebook 突然可以安全地防止 JSON 劫持了吗?

javascript - 带有可选 optgroup 的 jQuery 多选小部件

javascript - ASP.NET 使用 jquery 单击时选择表行

ruby-on-rails - 在使用Rails 3.1进行测试期间禁用终端中的SQL登录? (RSPEC/ cucumber )

ruby-on-rails - 安装 New Relic 而不向 repo 添加许可证 key

javascript - 隔离外部Javascript,防止污染?

javascript - 使用 JQuery.MSDropDown 更新 selectedIndex 选项菜单

javascript - Hammer.js 在点击叠加层并将其移除时将焦点设置在叠加层下方的输入上

jquery - 输入后删除第一个跨度元素

ruby-on-rails - Rails 3 中的 tap 方法 - 我是否正确理解了 API 文档?