chardinjs 不在 ruby on rails 中工作答案

【问题标题】：chardinjs is not working in ruby on railschardinjs 不在 ruby on rails 中工作
【发布时间】：2014-11-12 09:15:38
【问题描述】：

您好，我为我的项目尝试chardin js website。但有些方法不起作用。我正在使用 rails 3.2.14 和 ruby 1.9.3，chardin js 版本是 0.1.3，所以请帮助我。在这里我附上小提琴链接。

编辑：在我的项目上尝试了同样的事情（在视图中）。但是当我点击查看它时，动作图像没有出现。

Homes.coffee

$('body').chardinJs()

$('a[data-toggle="chardinjs"]').on 'click', (e) ->
    e.preventDefault()
    if $('.jumbotron img').is(':visible')
        ($('body').data('chardinJs')).toggle()
    else
        $('.jumbotron img').animate height: 250, 600, ->
            ($('body').data('chardinJs')).toggle()

$('body').on 'chardinJs:stop', ->
    $('a.btn.primary').off('click').text('See more on Github')
        .attr('href', 'https://github.com/heelhook/chardin.js')
    $('a#opentour').css display: 'block'

css 和 fiddle 一样

homes/show.html.erb

  <body>
  <div class="container">
  <div class="jumbotron">
  <h1 data-intro="Project title" data-position="right">Chardin.js</h1>
  <p class="lead">
  Simple overlay instructions for your apps.
  </p>
  <img src="http://s11.postimg.org/5j9wr7n8z/chardin.png" data-intro="An awesome 18th-     century painter, who found beauty in everyday, common things." data-position="right" />
  <a id="asdfg" href="#" class="btn btn-large primary" data-toggle="chardinjs" data-intro="This button toggles the overlay, you can click it, even when the overlay is visible" data-position="left">See it in action</a>
  <a href="" id="opentour" class="hide" data-toggle="chardinjs">Or open it again</a>
  <div class="credits">
  <p data-intro="Author of this plugin, aka Pablo Fernandez" data-position="right">
    Baked with
    <b>&lt;3</b>
    by
    <a href="https://github.com/heelhook">@heelhook</a>.
  </p>
  </div>
  </div>
  <div class="links">
  <p id="links" data-intro="Links to Github, Twitter, etc." data-position="top">
  </p>
  </div>
  </div>
  </body>

应用程序.js

//= require jquery
//= require jquery_ujs
//= require chardinjs.min
//= require_tree .

【问题讨论】：

你的小提琴错过了 chardin.js，让事情变得困难
我修复了 that.add chardinjs.js 作为外部资源
jsfiddle.net/ABPrime/5ah1wsyz/1

标签： css ruby-on-rails ruby-on-rails-3 coffeescript

【解决方案1】：

实际上我错误地将两个文件（chardinjs.js and chardinjs.min.js）都放在了assets/javascript。并在 application.js 文件 require_tree 中加载所有树 js 文件。所以这是一个问题，并且还在homes.coffee 文件中更改了document.ready。

【讨论】：

【解决方案2】：

我觉得您的问题可能与您的要点相同：您认为 github 是 CDN，但它不是。

对于js，使用https://cdn.rawgit.com/heelhook/chardin.js/master/chardinjs.js

对于 css，使用 https://cdn.rawgit.com/heelhook/chardin.js/master/chardinjs.css

【讨论】：

是的，你是对的。现在检查我的问题我到底想要什么。
更改此链接：.attr('href','https://github.com/heelhook/chardin.js') 以 google.com 为例
感谢您的回复。我试过 google.com 没有显示静止图像。
我将 console.log 放在点击事件的数据切换之后，但 console.log 消息不起作用。
好吧...找到一种方法来说明你的小提琴，因为：evernote.com/shard/s244/sh/2cbf0a1c-e872-4b69-b013-23c8833cf97d/…