个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
所以我有一个按钮，我按下它可以执行一些 JS。但是发生的事情是在它工作的页面的第一次加载上，但是一旦我转到另一个页面并按下那个新页面上的按钮，它就不起作用了。
根据 Turbolinks 文档，这是正常的 - 所以我必须进行修改。
本 RailsCast 中对此进行了部分介绍 - http://railscasts.com/episodes/390-turbolinks?view=asciicast - 但 Ryan 提供的解决方案是在 CoffeeScript 中，而我使用的是普通的旧 vanilla JS。
这是我的 posts.js 文件:
$(function(){
var toggleSidebar = $("#togglesidebar");
var primary = $("#primary");
var secondary = $("#secondary");
toggleSidebar.on("click", function(){
if(primary.hasClass("col-sm-9")){
primary.removeClass("col-sm-9");
primary.addClass("col-sm-12");
secondary.css('display', 'none');
}
else {
primary.removeClass("col-sm-12");
primary.addClass("col-sm-9");
secondary.css('display', 'inline-block');
}
});
});
$(document).on('page:load');
根据 RailsCasts，这是他们的建议:
ready = ->
$('.edit_task input[type=checkbox]').click ->
$(this).parent('form').submit()
$(document).ready(ready)
$(document).on('page:load', ready)
当我在 posts.js 的底部尝试这个时:
$(document).ready();
$(document).on('page:load', ready());
我收到这个错误:
Uncaught ReferenceError: ready is not defined
关于如何获得此信息的想法？我很确定它很简单，但我的 JS 经验很少，使用 CoffeeScript 的经验更少。
最佳答案
你已经有了答案，让我解释一下:
--
涡轮链接
当您的应用程序运行 Turbolinks 时，它实际上使您跟随的每个支持 Turbolinks 的链接都只会呈现 <body>。请求的页面，留下 <head>标签完好无损
<head>标签是你的 <script>标签驻留，这意味着它们不会在调用 Turbolinks 时刷新。这似乎没什么大不了的；是的。
您遇到的问题是 JS 仅在加载时绑定(bind)到元素，这意味着附加到页面的任何新元素都不会与任何事件绑定(bind):
...
这意味着如果您想使用应用程序的 JS 执行任何类型的操作，您需要适应 <body>标签将不断变化。
为此，您可以使用两种方法:
- Javascript Delegation
- Turbolinks events
第一种方法是delegate your events来自“一致”元素(通常为 $(document) )。这通过将您的 JS 分配给 container 来实现。元素，然后允许它将其“委托(delegate)”给您想要的元素。最好的例子是 .on 功能:
$(document).on("click", "a", function(){
alert("Clicked");
});
其次，您需要查看 Turbolinks event hooks - 这就是你现在使用的。这些覆盖了许多标准的 JQuery 函数(例如 $(document) )，允许您调用您拥有的函数，如下所示:
var your_function = function(){
...
};
$(document).on("page:load ready", your_function);
关于javascript - 如何让 Turbolinks 停止干扰我的 JS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25566867/
25
4
0
这是我的 + 部分: function insert(){ var linkElement = document.getElementById("BackButton"); var linkEl
我有两辆 buggy 在轨道上移动，它们都使用超声波测量模块来检测路径中的障碍物，并由 Arduino 微 Controller 控制。两个超声波传感器以相同的频率工作，并且这个频率不能改变。两个超声
希望能快速解决这个问题。我有一个用文件位置替换特定值的脚本。不幸的是，该位置似乎经常包含\n 或 n\(因为当前目录位于临时文件夹中)，导致该行中断或从该行中完全删除自身，从而使文件夹位置无效。 临时
我使用的是 Mac OSX 10.10.1。我通常使用brew或pip来安装所有东西。我注意到我的 virtualenv 总是抓取我本地安装的所有 Python 包。我通过删除我的 $PYTHONPA
我正在尝试使用 str_replace 将两个字母的语言缩写转换为完整的单词。我遇到的问题是它们在回显时会相互影响。 $lang = str_replace("en", "English", $lan
我已经创建了用于结束通话的 aidl 文件 ITelephony.aidl。现在，在通话结束之前，我需要生成正在进行的通话中的语音，以便听众认为接下来的工作有问题。我尝试通过三种方式自己解决这个问题:
使用这个查询，我得到了我需要的每个客户下的订单数量的结果。但是，当我在 SELECT 字段中使用 SUM(OrderLine.ActualPrice) 并使用内部联接将 Order 表链接到包含价格的
在 Spring Boot 应用程序中，仅使用注释，我想实现安全性 我已将 @EnableGlobalMethodSecurity(jsr360Enabled=true) 添加到配置类。该类还有一个
我一直在 Linux 下开发一个多线程程序，对信号处理有特殊要求。例如，我需要程序打印单个 Ctrl-C 输入的统计信息。 我使用 pthread_sigmask 和 sigwait 实现了这一点，即
作为我第一次涉足 Dynamic Scala 领域，我想我会尝试通过 applyDynamic 访问 bean 属性。 我的第一个非常粗略的剪裁是 trait BeanProperties ext
我知道这是一个令人沮丧的话题，但我尝试遵循文档和其他类似的帖子。 我的问题是，除非重新加载页面，否则 JS 将无法工作。 我有以下 JS: $(function() { $('a.form-sho
我正在使用 JQuery Ajax 从服务器获取脚本。 $.ajax({ url: src, type: "GET", dataType: "script", time
我正在尝试根据每个产品的选定数量分别输出计算价格。我尝试复制代码并重命名所有变量，但输出是由各种增加/减少按钮触发的。 这是目前的代码: $(".incr-btn_mobile").on("click
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: jQuery in Greasemonkey 1.0 conflicts with websites usi
我在一个 iOS 应用程序 (Obj-C) 中有一个 View ，它在中心有一个 ImageView ，紧接着在其下方有一个 slider 。 ImageView 显示专辑封面， slider 可用于
我有一个 View Controller ，将 UITapGestureRecognizer 附加到它的主 UIView，并使用户能够点击屏幕以使状态、导航和工具栏重新出现/消失(如照片应用程序)。我
我正在尝试在我的应用程序中设置 log4j，但我的一个第三方 JAR 似乎以某种方式不断将我的日志级别设置为“关闭”。它仅在执行该库中的代码时发生。我不知道它是如何做到这一点的，因为我没有使用它知道名
我有一个 UIScrollView，其框架与包含的 View Controller 相同。 当 ScrollView 的缩放比例大于 1 时，从屏幕左侧 50% 开始从左向右滑动会导致 interac
我是网页设计的新手，最近接触了 Bootstrap。我最近也开始使用 Codepen。在 Codepen 中完成一个元素后，我将代码从那里复制并粘贴到 Sublime 中，无论出于何种原因，它更改了我
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我是一名优秀的程序员,十分优秀！