你好,我尝试在我的项目中使用 chardin js 网站,但是它似乎无法正常工作。我正在使用rails 3.2.14和ruby 1.9.3,chardin js版本为0.1.3,请帮助我解决问题。这里我附上了fiddle链接。
编辑: 在我的项目中尝试相同的事情(在视图中),但是当我点击"See it on action"时,图片没有出现。
Homes.coffee
编辑: 在我的项目中尝试相同的事情(在视图中),但是当我点击"See it on action"时,图片没有出现。
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><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>
application.js
//= require jquery
//= require jquery_ujs
//= require chardinjs.min
//= require_tree .