翻译成苗条格式后链接不起作用答案

【问题标题】：Links do not work after translation into slim format翻译成苗条格式后链接不起作用
【发布时间】：2018-09-21 07:01:50
【问题描述】：

我有一个带有 rails 的 html 代码。我需要把它翻译成苗条格式，我改变了文件格式，用对流器翻译它并尝试运行它，结果链接不起作用，你能告诉我为什么吗？

head.html.erb

<section id="header">
  <div class='navigation-panel'>
    <button class='burger-button' id='header-burger-button container'  onclick='burgerAction()'>
      <%= image_tag("header/burger.png") %>
    </button>
    <button class='contact-us-button burger-hidable container' onclick='scroller("contact")'> CONTACT US </button>
    <div class='menu-container burger-hidable container' style='display: none;'>
      <%= image_tag("header/menu.png") %>
    </div>
    <div class='nav-links burger-hidable' style='display: none;'>
      <p onclick='scroller("header")'>Home</p>
      <p onclick='scroller("services")'>Services</p>
      <p onclick='scroller("how-we-work")'>How We Work</p>
      <p onclick='scroller("team")'>Team</p>
      <p onclick='scroller("why-us")'>Why Us</p>
      <p onclick='scroller("portfolio")'>Portfolio</p>
      <p onclick='scroller("contact")'>Contact Us</p>
    </div>
  </div>
</section>

head.html.slim

section#header
  .navigation-panel
    button.burger-button id=("header-burger-button container") onclick="burgerAction()" 
      = image_tag("header/burger.png")
    button.contact-us-button.burger-hidable.container onclick="scroller(\"contact\")"  CONTACT US
    .menu-container.burger-hidable.container style=("display: none;") 
      = image_tag("header/menu.png")
    .nav-links.burger-hidable style=("display: none;") 
      p onclick="scroller(\"header\")"  Home
      p onclick="scroller(\"services\")"  Services
      p onclick="scroller(\"how-we-work\")"  How We Work
      p onclick="scroller(\"team\")"  Team
      p onclick="scroller(\"why-us\")"  Why Us
      p onclick="scroller(\"portfolio\")"  Portfolio
      p onclick="scroller(\"contact\")"  Contact Us

【问题讨论】：

当您单击项目时，您是否在控制台中收到任何反馈？
是的，“未捕获的语法错误：无效或意外的令牌”。
哪里指出错误？

标签： ruby-on-rails-5 slim-lang

【解决方案1】：

我认为问题在于 onclick 属性中的转义引号。

考虑在属性的双引号内使用单引号：onclick="scroller('header')"。

您可以在此处阅读有关转义和引用属性的更多信息：https://www.rubydoc.info/gems/slim/frames#Output_without_HTML_escaping___

【讨论】：