Mam więc dziwny problem z moją pierwszą aplikacją szyny4, w której javascript na mojej stronie nie strzela, dopóki nie przeładuję strony.

Odnosi się to zarówno do mojego portfela aktywów JS, jak i do treści content_for JS.

w moim pliku /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();
}

inline na stronie z 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 %>

Oba te elementy wystrzeliwują tylko wtedy, gdy odświeżę stronę.

Na przykład, jeśli kliknę link do strony z filmem na youtube, nie zostanie on załadowany. ale jeśli się odświeży, będzie. Tak samo jak w przypadku skryptu potoku zasobów, wywołuje tylko moje ajax, jeśli najpierw załaduję stronę.