rack-pjax不工作,没有错误

Question

rack-pjax不工作,没有错误

根据这个railscast,我试图让我的rails应用程序上的rack-pjax工作,但我注意到没有变化,也没有任何错误.以下是相关文件:

的Gemfile:

source 'https://rubygems.org'

gem 'rails', '3.2.13'
gem 'bootstrap-sass', '2.1'
gem 'simple_form'
gem 'rspec'
gem 'pg'
gem 'koala', '~> 1.7.0rc1'
gem 'rack-pjax'
gem 'jquery-rails'
gem 'fancybox-rails'

group :development, :test do 
  gem 'sqlite3'
end

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
end

Run Code Online (Sandbox Code Playgroud)

配置/ application.rb中:

require File.expand_path('../boot', __FILE__)

require 'rails/all'

if defined?(Bundler)
  Bundler.require(*Rails.groups(:assets => %w(development test)))

end

module Prestongunderson
  class Application < Rails::Application
    config.middleware.use Rack::Pjax

    config.encoding = "utf-8"

    config.filter_parameters += [:password]

    config.active_support.escape_html_entities_in_json = true

    config.active_record.whitelist_attributes = true

    config.assets.enabled = true

    config.assets.version = '1.0'
  end
end

Run Code Online (Sandbox Code Playgroud)

应用程序/资产/ Java脚本/ application.js中:

//= require jquery
//= require fancybox
//= require jquery_ujs
//= require jquery.pjax
//= require_tree .

Run Code Online (Sandbox Code Playgroud)

应用程序/资产/ Java脚本/ static_pages.js.coffee:

$(document).ready ->
    jQuery ->
        $("a.fancybox").fancybox()
    jQuery ->
      $('.local-nav a').pjax('[data-pjax-container]')

Run Code Online (Sandbox Code Playgroud)

应用程序/视图/布局/ application.html.erb:

<!DOCTYPE html>
<html>
    <%= render 'layouts/header' %>
    <%= render 'layouts/subscribe' %>
    <%= render 'layouts/soundcloud' %>
    <%= render 'layouts/tweet-stream' %>
    <body>

        <div data-pjax-container>
            <%= yield %>
        </div>

        <%= render 'layouts/footer' %>
        <%= render 'layouts/google_analytics' %>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

应用程序/视图/布局/ _header.html.erb

<header>
  ...
    <ul>
        <% ["Home", "Bio", "Gallery", "Music", "Tour", "Videos", "Contact"].each do |page| %>
            <li><%= link_to( page.upcase, @title == page ? "#" : "/#{page.downcase}", class: "local-nav") %></li>
        <% end %>
    ...
  </ul>
  ...
</header>

Run Code Online (Sandbox Code Playgroud)

我有可能在某处有相互冲突的代码吗？是否还有一些其他的依赖关系？

编辑

这应该使用Ajax在只加载数据div与data-pjax-container上一个链接请求.相反,它加载整个页面.我通过在媒体播放器中播放一首歌来测试这一点,我在一个侧栏中,在布局中呈现,在_soundcloud.html.erb场外.单击使用pjax设置的链接时,它应该只更新单个div,但它会加载一个全新的页面,并停止播放音乐.

Answer 1

Ily*_*kov 6

jquery-pjax您使用的API现在似乎已过时.根据文档,这一行

$('a.local-nav').pjax('[data-pjax-container]')

Run Code Online (Sandbox Code Playgroud)

应该

$(document).pjax('a.local-nav', '[data-pjax-container]')

Run Code Online (Sandbox Code Playgroud)

顺便说一句,如果你将类设置为链接,你应该使用a.local-nav选择器..local-nav alocal-nav

归档时间：	12 年，6 月前
查看次数：	890 次
最近记录：	12 年，6 月前