chardinjs 不在 ruby​​ on rails 中工作

Posted

技术标签:

【中文标题】chardinjs 不在 ruby​​ on rails 中工作【英文标题】:chardinjs is not working in 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 【参考方案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/…

以上是关于chardinjs 不在 ruby​​ on rails 中工作的主要内容,如果未能解决你的问题,请参考以下文章

ruby on rials (项目实战技巧)

如何在 Ruby-on-Rails 中生成 PDF 表单

思考Ruby On Rails的底层代码(Ruby on Rails 開發秘籍 | Ruby on Rails 快速入門)

ruby on rails如何安装

ruby Ruby on Rails:常见路由

ruby Ruby on rails类