Question

我是前端Web开发的新手。我正在使用flippant.js来翻转对话。

<div id="overlay-box" class="overlayBox">
  <a class="closeBtn" onClick="closePop()">X</a>
  <button id="flipCard">Flip</button>
  <div class="content" ></div>
</div>

<script type="text/javascript">
    var front = document.getElementById("overlay-box")
    var  back_content = "
    <div class = 'overlayBox' style='top: 50.5px; left: 338px; display: block;'>
      <h2>Hello</h2>
      <a class = 'closeBtn' onClick = 'closePop()'>Y</a>
      <button id = 'closeCard'>Back</button>
      <div class = 'content'></div>
  </div>"

var  back

document.getElementById("flipCard").addEventListener('click',function(e){
    back = flippant.flip(front, back_content,'card')
    document.getElementById("closeCard").addEventListener('click',function(e){
        back = back.close();
    })
})

但是，轻率插件要求提供back_content而不是完整的HTML文件。

我想覆盖但面临问题。

我尝试更改flippant.js文件，其中包含内容并将其转换为HTML而前端文档未转换。

我可以使用它，但后来我必须在back_content变量中编写我的所有HTML代码，这是一个丑陋的设计。

我还尝试通过$（HTML_file）.html直接提供HTML文档，但仍然没有成功。

另一个问题是，当我在变量中提供所有HTML时，它不会调用js类和所有样式代码

请建议如何使用轻率插件。提前致谢

对于flippant.js代码，请参阅其github页面https://github.com/mintchaos/flippant.js/blob/master/flippant.js

在RoR项目中轻浮

0 个答案: