0

晚上好，所以，

在呈现 JS 部分时，我无法访问清单文件中的 javascript 函数。以下是使当前文章#index 页面正常工作的文件：

清单文件：

资产/javascripts/option_set_interface.js.coffee.erb

on_load = ->
  load_article_click_handlers $('ul.index li.article')

$(document).ready on_load                        //standard DOM refresh
document.addEventListener 'page:change', on_load //turbolinks

load_article_click_handlers = (jQuery_object) ->
  .. Do some stuff...

load_article_click_handlers是我想在 create.js.erb 中访问的函数

资产/javascript/articles.js.coffee

//= require option_set_interface

文章控制器.rb：

class ArticlesController < ApplicationController

  def create
    @article = Article.new(article_params)
    @article.save

    respond_to do |format|
      format.html { redirect_to articles_path }
      format.js   { render 'create' }
    end
  end

  def index
    @articles = Article.all
  end

  protected
    def article_params
      params.require(:article).permit(:title)
    end
end

观点和部分：观点/文章/

index.html.haml

- provide(:title, 'Article list')

%h1 Article list

.row
  .aside.span3
    .row
      %ul.index
        - @articles.each do |article|
          = render article
      = render 'new'

_article.html.haml

%li.article
  %input{ type: 'hidden', value: article.id, name: 'article_id' }
  = article.id
  = article.title

_new.html.haml

= form_for Article.new, remote: true, html: { id: 'new_article_form' } do |f|
  = f.label :title
  = f.text_field :title
  = f.submit 'Create', class: 'btn btn-large btn-primary'

create.js.erb （问题出在哪里）

new_list_item = $('<%= escape_javascript( render @article ) %>')
new_list_item.prependTo('ul.index').slideDown()
load_article_click_handlers(new_list_item) //this is the line that breaks the code

代码运行良好，直到我尝试在 create.js.erb 中调用 load_article_click_handlers。我不确定如何获取有关它的调试信息，因为它使用 rails 的魔法 ajax。我不太确定如何捕获响应。

create.js 显然可以访问 jquery。但它似乎不接受我的自定义功能。感谢您提供任何帮助或建议，特别是有关如何调试 rail 的 ajax 渲染 JS 的提示。当前尝试访问 load_article_click_handlers 会导致脚本根本无法运行。

我尝试过的事情：

在 create.js.erb 中使用 javascript_inlude_tag 'option_set_interface' 将 '//= require option_set_interface' 添加到 application.js

编辑

找到 1 个更正，没有消除问题。

4

1 回答 1

0

解决了。

我走错了路。问题在于咖啡脚本的匿名函数包装器。该功能旨在避免“污染全局名称空间”，这正是我想要对包含文件执行的操作。

解决方案是添加

window.load_article_click_handlers = load_article_click_handlers

在 load_article_click_handlers 的定义之后。

希望这对其他人有帮助。

于 2013-08-11T18:13:59.877 回答