javascript - Rails 4 应用程序...在开发环境中，除非刷新页面，否则不会触发 javascript

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

所以我的第一个 rails4 应用程序遇到了一个奇怪的问题，除非我重新加载页面，否则我的页面 javascript 不会触发。

这对于我的 Assets 管道 JS 和内联 content_for JS 都是如此。

在我的/assets/javascripts/cars.js 文件中:

$(function(){
    $("#car_car_make_id").on("change", function(){
        //SET MODELS
        $.ajax({
            url: "/car_makes/" + $(this).val() + "/car_models",
            type: "GET",
            dataType: "json",
            cache: false
        })
        .done(function(data) { model_list(data) })
        .fail(function() { alert("error"); })
    });
});

function model_list(data) {
    $("#car_car_model_id").empty();
    $.each(data, function(i,v){ 
        $("<option />").val(v.id).text(v.name).appendTo("#car_car_model_id");
    });
    //ON COMPLETE SHOW
    $("#car_model_div").show();
}

使用 content_for 在页面中内联:

<% content_for :head do %>
<script type="text/javascript">
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('yt_vid', {
            height: '390',
            width: '640',
            videoId: '<%= @timeslip.youtube_id %>'
        });
    }
</script>
<% end %>

这两个只有在我刷新页面时才会触发。

例如，如果我单击指向带有 youtube 视频的页面的链接，它将不会加载。但如果我刷新它会。与 Assets 管道脚本相同，如果我先重新加载页面，它只会调用我的 ajax。

最佳答案

看起来像是新 Turbolinks 的副作用特征。当你点击一个链接时，页面不会被重新加载——它只是拥有它的 <body>。由 AJAX 请求加载。所以:

在第一种情况下，$(function{ ... })未运行，因为 document.ready仅在第一个页面加载时触发，不会重新加载正文。

在第二种情况下，<head>没有重新加载 turbolinks，只是 body 。所以你只剩下旧的 <script>而且它没有重新运行!

检查 turbolinks 的一些选项，例如 jquery.tubrolinks .

关于javascript - Rails 4 应用程序...在开发环境中，除非刷新页面，否则不会触发 javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18524409/