View赢得't在页面更改时加载Rails 4应用程序中的JS

View won't load JS in Rails 4 application on page change

本文关键字:Rails 加载 应用程序 JS 赢得 View      更新时间:2023-09-26

请耐心等待,因为我是Rails的新手,对JS的经验很少。

我为rails应用程序购买了一个Bootstrap主题,我在编写JS时遇到了问题。由于涡轮链接,它没有加载各种脚本,但我不知道如何解决这个问题。这是这个主题附带的JS文件。

主题JS文件:

    (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部分,围绕所有函数。我真的不知所措,不知道自己做错了什么。我使用过涡轮链接宝石,我以为它已经修复了,但在页面重新加载后,页面上只有几件事可以正常工作。

以下是单击更改视图的链接后似乎可以工作的函数列表。

头()

滑动器全部()

技能ProgressBar()

手风琴()

accordion()是间歇性的,我不知道为什么它在其他东西都不起作用的情况下起作用。它从来没有真正起作用,但当其他一切都坏了时才开始起作用。

任何想法都将不胜感激。我可能在这里做错了很多,但正如我所说,我是新来的,正在上这门课,但我们快学期末了,甚至还没有涵盖宝石。

PS。我知道我需要通过页面更改而不是文档来运行这些功能。准备好了,但我已经试了将近一个星期,但没有成功。

还有一个jquery rails gem修复了一些问题。但最简单的解决方案可能只是拆除涡轮连杆。