文章/答案/技术大牛

发布

社区首页 >问答首页 >Facebox问题

问Facebox问题
EN

Stack Overflow用户

提问于 2011-02-22 01:06:45

回答 1查看 777关注 0票数 0

打扰一下，有没有人可以给我发一个完整的教程或者贴一个关于Facebox的例子，因为它的文档很差。

我的问题是ajax请求是OK的，但是没有显示任何带有内容的弹出窗口。

也许我忘了步骤。

我的代码

应用程序控制器

class ApplicationController < ActionController::Base
  include AuthenticatedSystem
  include RoleRequirementSystem
  include FaceboxRender

...

end

应用程序布局

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

      <title><%= configatron.site_name %></title>

      <%= stylesheet_link_tag "facebox" %>
      <%= stylesheet_link_merged :base %>
      <%= javascript_include_merged :base %>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
      <%= stylesheet_link_tag 'mobile' if mobile_device? %>
      <%= javascript_include_tag('jquery.simplemodal') %>
      <%= javascript_include_tag("jquery.form") %>
      <%= javascript_include_tag "facebox" %>
      <script type="text/javascript">
          $j = jQuery.noConflict();
          jQuery(document).ready(function($) {
            $('a[rel*=facebox]').facebox()
          })

      </script>
    </head>
...
...

索引视图

<% content_for :header do %>Lista de Pack<% end %>

<%= facebox_link_to "Ver packs", :url => {:controller => "packs", :action => "prueba"}, :method => :get -%>

prueba视图

<div id="pack-list">
 <h1>HOLA</h1>
</div>

packs控制器

  def index
  end

  def prueba
    @packs = Pack.paginate :page => params[:page], :per_page => 5

    respond_to do |format|
      format.html
      format.js { render_to_facebox }
    end
  end

ruby-on-rails

facebox

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-02-22 01:19:24

正如这里所说的：http://chriswanstrath.com/facebox/

<a href="remote.html" rel="facebox">text</a>

<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>
<script>
  jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox() 
  })
</script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5068915

复制

相似问题

问Facebox问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebox问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebox问题
EN