Javascript 查看韩元';在页面更改时在Rails 4应用程序中加载JS
请容忍我,因为我对Rails相当陌生,对JS几乎没有经验 我为我的rails应用程序购买了一个引导主题,我在编写JS时遇到了一个问题。由于TurboLink,它没有加载各种脚本,但我不知道如何解决这个问题。下面是主题附带的JS文件 Theme.JS文件:Javascript 查看韩元';在页面更改时在Rails 4应用程序中加载JS,javascript,ruby-on-rails-4,turbolinks,Javascript,Ruby On Rails 4,Turbolinks,请容忍我,因为我对Rails相当陌生,对JS几乎没有经验 我为我的rails应用程序购买了一个引导主题,我在编写JS时遇到了一个问题。由于TurboLink,它没有加载各种脚本,但我不知道如何解决这个问题。下面是主题附带的JS文件 Theme.JS文件: (function ($) { "use strict"; $(window).load(function () { // ------------
(function ($) {
"use strict";
$(window).load(function () {
// ----------------------------------------------------------------------------------------------------------------------->
// SITE LOADER ||-----------
// ----------------------------------------------------------------------------------------------------------------------->
$('#loader').fadeOut();
$('#preloader').delay(350).fadeOut('slow');
$('body').delay(350).css({ 'overflow': 'visible' });
})
// ---------------------------------------------------------------------------------------------------------------------------->
// GENERAL SCRIPTS FOR ALL PAGES ||-----------
// ---------------------------------------------------------------------------------------------------------------------------->
$(document).ready(function () {
openSite();
});
function openSite() {
fullScreenSlider();
header();
scroll();
winResize();
pushmenu();
pluginElement();
sliderHero();
sliderAll();
containerGridMasonry();
scrollCallbackEle();
shortcodeElements();
};
// ---------------------------------------------------------------------------------------------------------------------------->
// RESIZE FUNCTIONS ||-----------
// ---------------------------------------------------------------------------------------------------------------------------->
function winResize() {
$(window).resize(function () {
})
};
})(jQuery);
我跟你乱搞过
$(document).on('ready page:change', function(){
fullScreenSlider();
header();
scroll();
winResize();
pushmenu();
pluginElement();
sliderHero();
sliderAll();
containerGridMasonry();
scrollCallbackEle();
shortcodeElements();
});`
除了围绕OpenSite函数运行page:load
,围绕Jquery部分,围绕所有函数运行。我真是不知所措,不知道我做错了什么。我曾经使用过turbolinks Gem,我认为它已经修复了,但是在重新加载页面后,页面上只有几件事情可以工作
以下是单击更改视图的链接后似乎有效的函数列表
标题()
幻灯片()
skillsProgressBar()
手风琴
手风琴()是断断续续的,我不知道为什么它在没有其他东西工作的情况下工作。它从来没有真正起过作用,但当其他一切都坏了的时候,它就开始起作用了
任何想法都将不胜感激。我可能在这里犯了很多错误,但正如我所说,我是新来的,正在上这门课,但我们快到学期末了,甚至还没有涉及到宝石
另外,我知道我需要在页面更改时运行这些功能,而不是在文档中运行。准备好了,但我一直在努力解决这个问题,几乎一个星期都没有用 还有一个jquery rails gem,它修复了一些问题。但最简单的解决方案可能只是移除涡轮链接 我已经安装了jQuery Turbolinks Gem,并且只正确加载了部分JS。因此,临时修复方法是从application.js清单中删除gem和turbolinks引用?我宁愿找到一个解决办法,如何使这项工作的网站加载时间和长期的知识是值得我。感谢您的提醒,如果我无法解决问题,我将尝试使用该方法作为临时解决方案。进行了更改,您的解决方案有效。谢谢你的帮助!!我认为这是其他人一直在努力解决的问题,我已经看到了解决这一问题的长线索,但我相信解决方案是不完整的。如果你最终找到了解决方法,请告诉我。我认为turbolinks将继续存在。