当前位置: 首页 > 知识库问答 >
问题:

由于rails上的TurboLink,页面自动刷新

慕宏儒
2023-03-14

在我的rails应用程序中,我的一些页面会自动刷新,没有任何明显的原因。在我的控制台中,我收到以下消息:

涡轮链接。自配2db6ec539b9190f75e1d477b305df53d12904d5cafdd47c7ffd91ba25cbec128。js?body=1:7您正在从元素内部的元素加载TurboLink。这可能不是你想做的!

将应用程序的JavaScript包加载到元素中。中的元素将随每次页面更改而求值。

有关详细信息,请参阅:https://github.com/turbolinks/turbolinks#working-使用脚本元素

通过将数据链路抑制警告属性添加到:

当我在应用程序中注释我的标题部分时。html。erb文件错误信息消失,但它是非常基本的

    <!DOCTYPE html>
    <html>
      <head>
        <title>Myleagueproject</title>
        <%= render "layouts/header" %>
        <%= csrf_meta_tags %>

        <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
        <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
      </head>

  <body>
    <% flash.each do |key, value| %>
        <div class="alert alert-<%= key %>"><%= value %></div>
    <% end %>
    <%= yield %>
  </body>
</html>

和我的标题:

<header>
  <nav class="navbar navbar-expand-md" style="background-color: black;">
    <% if player_signed_in? %>
        <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <%= link_to root_path, class: 'header' do%>
                    Hi <%=current_player.name%>
                    <% end %>
                </li>
            </ul>
        </div>
        <div class="mx-auto order-0">
            <%= image_tag("logo.png", :class => "logo", style: 'height:50px;width:auto;')%>
        </div>
        <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <%= link_to "My Leagues", leagues_path, class: 'header' %>
                </li>
                <li class="nav-item">
                    <%= link_to "Log out", destroy_player_session_path, method: :delete, class: 'header' %>  
                </li>
            </ul>
        </div>
    <% else %>
        <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
            <ul class="navbar-nav ml-auto">            
                <li class="nav-item">
                    <%= link_to "Log in", new_player_session_path, class: 'header' %>
                </li>
            </ul>
        </div>
    <% end %>
  </nav>
</header>

我就是不明白,你知道我该换什么吗?谢谢


共有1个答案

邵凯定
2023-03-14

我敢打赌这就是问题的根源。移动

您可以阅读有关

 类似资料:
  • 假设有一个网页,它是显示现场比赛成绩或股票市场状况或货币兑换率。对于所有这些类型的页面,您需要定期刷新网页。 Java Servlet 提供了一个机制,使得网页会在给定的时间间隔自动刷新。 刷新网页的最简单的方式是使用响应对象的方法 setIntHeader()。以下是这种方法的定义: public void setIntHeader(String header, int headerValue

  • 所以,我是ajax新手,我正在尝试使用ajax和jquery提交表单,我想我已经弄清楚了服务器端的逻辑,因为当我加载页面时,它会自动提交,页面会很快刷新。空白表单将进入数据库,尽管其中有很多表单,因为页面会不断提交每次刷新。所以我认为我的服务器端正在工作,但我不知道该怎么做,不仅要阻止它刷新,还要使用html表单中的提交按钮进行提交。我在html页面中使用了thymeleaf。 这是我的html表

  • 问题内容: 我是Laravel的新手,遇到一个我不明白的问题。我的项目中有一个日志表单,我的方法是 POST 。当我尝试一个请求时,结果是: ‘该页面因不活动而过期。请刷新,然后重试。 但是,如果我将方法更改为 GET ,则可以正常工作。 有人可以告诉我为什么,以及如何解决吗?因为我当然需要POST方法。 问题答案: 此问题来自CSRF令牌验证失败。因此,要么您不发布一个,要么发布不正确的一个。

  • 我有一个客户在Azure Kubernetes服务上使用open liberty。它们有一个server.xml,使用该机制引用属性文件。他们的设置类似于这个问题: java - WAS Liberty profile - 使用 ClassLoader.getSystemResourceAsStream 读取属性 - Stack Overflow 我的相关问题是:如何让 scanInterval

  • 我的应用程序使用Firebase API进行用户身份验证,将登录状态保存为Vuex状态下的布尔值。 当用户登录时,我设置登录状态并相应地有条件地显示登录/注销按钮。 但是当页面刷新时,vue应用的状态丢失并重置为默认 这会导致一个问题,即使用户登录并刷新页面,登录状态也会被设置为false,并且显示登录按钮而不是注销按钮,即使用户保持登录状态... 我该怎么做才能防止这种行为 我应该使用cooki

  • 有没有办法禁用某些现代浏览器(Chrome和Safari)在刷新页面时记住滚动位置的行为?