Twitter Bootstrap Carousel仅在编辑页面上消失

时间:2012-11-18 10:49:52

标签: ruby-on-rails-3 twitter-bootstrap carousel

我遵循本教程:http://untame.net/2012/08/twitter-bootstrap-build-a-stunning-two-column-blog/

并且我的轮播工作正常(滚动工作正常,所有图像都被渲染)但是当我导航到EDIT页面时,它只是消失但仍然显示滚动功能

这里有效: http://s7.postimage.org/dsf75yc6z/Carousel.png

现在我按了EDIThttp://s13.postimage.org/64i1v0hif/Carousel2.png

这是我布局中的轮播代码:

  <div id="myCarousel" class="carousel slide">
      <!-- Carousel items -->
      <div class="carousel-inner">
        <div class="active item"><img src="../slider/musteri.jpg" /></div>
        <div class="item"><img src="../slider/Deepak.jpg" /></div>
        <div class="item"><img src="../slider/4.jpg" /></div>
        <div class="item"><img src="../slider/1.jpg" /></div>
        <div class="item"><img src="../slider/2.jpg" /></div>
      </div>
      <!-- Carousel nav -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>

我的EDIT功能是脚手架:

# GET /news/1/edit
def edit
  @news = News.find(params[:id])

  respond_to do |format|
    format.html # new.html.erb
    format.json { render json: @news }
  end
end 

我的EDIT视图只是呈现<%= render 'form' %>

该表单与用于NEW的表单相同,并且旋转木马工作正常!

这让我疯了!有任何想法吗 ? :d

1 个答案:

答案 0 :(得分:1)

这里的问题是图片的路径。 Rails具有资产管道,因此您不需要将图像放在资产文件夹中的另一个文件夹中。 (希望有道理)

将图像从滑块文件夹中取出,然后将它们放入

assets/images

然后当您想要调用图像时,只需使用

<img src="/assets/filename.jpg">

希望有所帮助