Javascript rails中的引导模式不';t工作正常(即使没有涡轮链接也不行)

Javascript rails中的引导模式不';t工作正常(即使没有涡轮链接也不行),javascript,ruby-on-rails,ajax,twitter-bootstrap-3,turbolinks,Javascript,Ruby On Rails,Ajax,Twitter Bootstrap 3,Turbolinks,我有一个rails应用程序,使用AJAX引导模式。我有两个问题: 即使在application.js中放置//=require jquery.turbolinks(就在req jquery之后)和//=require turbolinks after//=require bootstarp链轮,当我单击modals的提交按钮时,我的js.erb文件(新建、更新、删除)也不会执行 没有turbolinks,一切正常(创建、更新、删除),除了一件事。如果我创建了一个新任务,它将在点击模式的submi

我有一个rails应用程序,使用AJAX引导模式。我有两个问题:

  • 即使在application.js中放置//=require jquery.turbolinks(就在req jquery之后)和//=require turbolinks after//=require bootstarp链轮,当我单击modals的提交按钮时,我的js.erb文件(新建、更新、删除)也不会执行

  • 没有turbolinks,一切正常(创建、更新、删除),除了一件事。如果我创建了一个新任务,它将在点击模式的submit按钮后立即显示,这要归功于AJAX,但是如果我立即点击新创建的对象的edit/delete(删除模式也会发生)按钮,模式不会弹出。重新加载页面后,一切正常。 这很奇怪,因为如果我用模式编辑一个非新对象,那么我可以再次单击编辑/删除和更新/销毁相同的对象。新模态也可以正常工作,所以如果我创建了一个新对象,我可以再次单击New按钮,模态就会显示出来。所以,只有创建一个新对象,然后编辑该对象组合才有问题

  • sby遇到过同样的问题吗

    因此,目前我当前的application.js(不含TurboLink)如下所示:

    //= require jquery
    //= require jquery.turbolinks
    //= require jquery-ui
    //= require jquery_ujs
    //= require chat
    //= require refile
    //= require bootstrap-sprockets
    //= require private_pub
    //= require_tree .
    
    create.js.erb:

    var ready = function () {
        $("#newtask").modal('hide');
        $(".task_name_company").val('');
        $(".contentarea").val('');
        $(".task_deadline").val('');
    
        //different div class for different partials
        $(".newtaskinsert").prepend('<%= j render @task %>');
        $(".newtaskinsert2").prepend('<%= j render partial: "tasks/task_between", locals: { task: @task } %>');
        $("#task_<%= @task.id %>").hide().fadeIn(1000);
    
        //26= pagination(12)*every task has 2 tr(2)+ extra task that must be hidden(2)=12*2+2
        var n = $('tr').length;
        if (n > 26) {
            $("tr").slice((-2*(n-26)/2)-1).fadeOut(500);
        };
    };
    $(document).ready(ready);
    $(document).on('page:load', ready);
    
    var ready = function () {
        $('#updatetask_<%= @task.id %>').modal('hide');
    
        $('#task_<%= @task.id %>').fadeOut(400, function(){
            $(this).remove();
            $(".newtaskinsert").prepend('<%= j render @task %>');
            $(".newtaskinsert2").prepend('<%= j render partial: "tasks/task_between", locals: { task: @task } %>');
        });
    };
    $(document).ready(ready);
    $(document).on('page:load', ready);
    
    var ready=function(){
    $(“#newtask”).modal('hide');
    $(“.task\u name\u company”).val(“”);
    $(“.contentarea”).val(“”);
    $(“.task_deadline”).val(“”);
    //不同的div类用于不同的partials
    $(“.newtaskinsert”)。前缀(“”);
    $(“.newtaskinsert2”)。前缀(“”);
    $(“任务”)hide().fadeIn(1000);
    //26=分页(12)*每个任务有2个tr(2)+必须隐藏的额外任务(2)=12*2+2
    变量n=$('tr')。长度;
    如果(n>26){
    $(“tr”)。切片((-2*(n-26)/2)-1)。衰减(500);
    };
    };
    $(文件)。就绪(就绪);
    $(文档).on('page:load',ready);
    
    update.js.erb:

    var ready = function () {
        $("#newtask").modal('hide');
        $(".task_name_company").val('');
        $(".contentarea").val('');
        $(".task_deadline").val('');
    
        //different div class for different partials
        $(".newtaskinsert").prepend('<%= j render @task %>');
        $(".newtaskinsert2").prepend('<%= j render partial: "tasks/task_between", locals: { task: @task } %>');
        $("#task_<%= @task.id %>").hide().fadeIn(1000);
    
        //26= pagination(12)*every task has 2 tr(2)+ extra task that must be hidden(2)=12*2+2
        var n = $('tr').length;
        if (n > 26) {
            $("tr").slice((-2*(n-26)/2)-1).fadeOut(500);
        };
    };
    $(document).ready(ready);
    $(document).on('page:load', ready);
    
    var ready = function () {
        $('#updatetask_<%= @task.id %>').modal('hide');
    
        $('#task_<%= @task.id %>').fadeOut(400, function(){
            $(this).remove();
            $(".newtaskinsert").prepend('<%= j render @task %>');
            $(".newtaskinsert2").prepend('<%= j render partial: "tasks/task_between", locals: { task: @task } %>');
        });
    };
    $(document).ready(ready);
    $(document).on('page:load', ready);
    
    var ready=function(){
    $('updatetask').modal('hide');
    $('任务').fadeOut(400,函数(){
    $(this.remove();
    $(“.newtaskinsert”)。前缀(“”);
    $(“.newtaskinsert2”)。前缀(“”);
    });
    };
    $(文件)。就绪(就绪);
    $(文档).on('page:load',ready);
    
    你有没有想过这一点?我也有同样的问题,你有没有想过?我也有同样的问题。