Tag: javascript

未捕获的错误：如果没有加载模板编译器，则无法调用`compile`。 请在调用`compile`之前加载`ember-template-compiler.js`

我是ember.js框架的新手，并在rails和ember.debug.js -v 1.10.1（最新版本）上使用ruby。 我一直在网上看到ember改变了这个最新的补丁但我无法弄清楚如何解决我的问题： Uncaught Error: Cannot call `compile` without the template compiler loaded. Please load `ember-template-compiler.js` prior to calling `compile`. 有人可以请我指点让我的编译器正常运行吗？ 我希望我知道我的项目中的代码片段有助于确定答案……

在Rails 3.1基于资产的应用程序中包含两次javascript

虽然问题的标题与以前的标题非常相似，但我的问题似乎有所不同。 简而言之，js清单中的第一项包含两次。 这是我在Rails 3.1应用程序中的整个/app/assets/javascript/application.js文件： //= require jquery //= require jquery-ui //= require jquery_ujs //= require autocomplete-rails //= require utilities 这里是渲染页面源代码的片段： 请注意，如果我向application.js任何其他行移动到顶部，如下所示： //= require utilities //= require jquery //= require jquery-ui //= require jquery_ujs //= require autocomplete-rails 它总是第一个被包含两次的项目！ UPDATE 作为临时解决方法，我在列表顶部添加了//= require dummy ，它指向一个空的dummy.js文件。 虽然它在渲染页面中出现两次，但它没有任何效果，因为它什么也没做。 另一方面，如果我在development.rb设置config.assets.debug = false ，正如经常建议的那样，那么我的所有javascript都会被加载两次： 和js动作被触发两次（例如，删除模型时确认对话框弹出两次） 朱塞佩

Rails 3.1 – JS – * .js.erb中的Socket.io-emit未执行并阻止执行jQuery-Function

我想在我的Rails-Project中使用node.js来提供异步io。 我不想使用juggernaut，faye或类似的东西，因为我需要与web-socket，服务器发送的事件和spdy的干净连接而没有其他选择。 我第一次尝试使用node.js现在使用Socket.io，只是为了使用JavaScript将数据提供给node.js-module。 但它根本不起作用。 我的application.js看起来像这样： // This is a manifest file that’ll be compiled into including all the files listed below. // Add new JavaScript/Coffee code in separate files in this directory and they’ll automatically // be included in the compiled file accessible from http://example.com/assets/application.js // It’s not advisable to add code directly here, but […]

我的.html.erb中的动态Javascript

我在第一个rails应用程序中遇到了一些Javascript。 部分：_care_point.html.erb $(function() { $( “.draggable” ).draggable({grid: [50, 20]}); $( “.node_input”).each (function() { $(this).hide(); }); $(“#”).live(‘dblclick’, function(){ console.log(‘moo’); jQuery(this).hide(); jQuery(‘.node_input’, jQuery(this).parent()).show(); }); }); <div id= class=’draggable node_chin’> <div id= class=’node’> 这是输出： $(function() { $( “.draggable” ).draggable({grid: [50, 20]}); $( “.node_input”).each (function() { $(this).hide(); }); $(“#node.1”).live(‘dblclick’, function(){ console.log(‘moo’); jQuery(this).hide(); jQuery(‘.node_input’, jQuery(this).parent()).show(); }); }); Moo foo Moo […]

启用JavaScript的测试出错（Bootstrap 3，Rails 4，Travis CI）

我有奇怪的错误，只出现在CI环境中。 此错误不会出现在开发，生产甚至本地测试环境中。 ActionController::RoutingError: No route matches [GET] “/fonts/bootstrap/glyphicons-halflings-regular.svg” 完整的跟踪可以在这里找到 在开发和生产环境中，成功请求/assets/bootstrap/glyphicons-halflings-regular.woff 。 /fonts/ – /assets和svg – woff部分有所不同。 JavaScript启用的所有错误都启用了测试（Poltergeist / PhantomJS驱动程序）。 定期的Capybara测试都是绿色的。 Chrome devtools表示，字体文件的请求是由jquery.js生成的，而不是页面或css文件。

是否可以在表单上以编程方式调用Javascript的onsubmit事件？

在Ruby on Rails中，我试图使用form_remote_tag帮助程序更新div标签的innerHTML 。 只要关联的选择标记收到onchange事件，就会发生此更新。 问题是， ; 不起作用。 document.forms[0].submit()也没有。 获取form_remote_tag中生成的onsubmit代码执行的唯一方法是创建一个隐藏的提交按钮，并从select标签调用按钮上的click方法。 这是一个有效的ERb部分示例。 product_path, :update => ‘content’, :method => ‘get’ do -%> ‘content’ do -%> “this.form.commit.click” %> “display: none” %> 我想做的就是这样，但它不起作用。 product_path, :update => ‘content’, :method => ‘get’ do -%> ‘content’ do -%> # the following line does not work “this.form.onsubmit()” %> 那么，有没有办法删除此用例的隐形提交按钮？ 似乎有些混乱。 所以，让我解释一下。 基本问题是submit()不会调用呈现在表单中的onsubmit()代码。 Rails从此ERb呈现的实际HTML表单如下所示： […]

从多个CKEditor内联编辑器字段中保存数据，如模板

我正在建立一个模板系统，设计师可以提交HTML5设计，并允许用户添加自己的内容。 我正在为应用程序使用CKEditor 4.2和Rails 3。 我希望用户能够加载模板页面，然后直接编辑各种内联编辑器，然后通过JS和Ajax保存。 我有一切工作，但在添加iFrame插件时，我遇到了一些格式问题，因为我只是将原始HTML从内联编辑器保存到我的模板。 有关详细信息，请参阅此问题： CKEditor和iFrame / YouTube /其他嵌入式插件显示奇怪的HTML代码 我现在知道我应该使用类似的东西： var data = CKEDITOR.instances.editable.getData(); 但是，我如何管理这样的多个编辑器？ 我告诉我的设计师只需使用 contenteditable=”true” 对于他们想要编辑的任何div。 因此，我没有id为每个编辑器引用，也不知道每个模板文件将包含多少编辑器我希望能够在最终模板中保存不可编辑的内容，当然还有可编辑的内容，这只是一个HTML5页面。 这是我必须使用id为div的div保存整个模板文件的原始内容的解决方案： $saveButton.click(function(e) { // Extract contents of magboy container var contents = $(“#page-cnt”).html(); // Send contents to server $.ajax({ url: ‘/pages/’+PageId+’/editor_save’, type: ‘POST’, data: { containerContents: contents }, success: function(response){ alert(“contents saved”); } }); […]

将Rails应用程序部署到Heroku时出现语法错误：ExecJS :: RuntimeError：SyntaxError：意外字符

我正在尝试将我的应用程序部署到Heroku，但它给我这个错误。 “ExecJS :: RuntimeError：SyntaxError：Unexpected character”’（line：14577，col：33，pos：440811” 我认为coffeescript / javascript有问题。 我删除了所有的coffeescript文件，我不知道我做错了什么。 正如Iceman所说，我试过运行命令 rake资产：预编译RAILS_ENV =开发 它说 我，[2017-01-26T16：32：25.173928＃2674]信息 – ：写作> / Users / Gana / Documents / bombay / bombaydarbar / public / assets / circle-> cb2239e32deac2eba5c693c3574b562595f1f933a8896866e47c170bf87c77e4.pngI，[2017-01-26T16 ：32：25.209986＃2674]信息 – ：写作> / Users / Gana / Documents / bombay / bombaydarbar / public / assets / fb-> e361b3ecca9c24c6c05646b170fe25fcc185fa2eafb7aa46780253c8a9c79a04.png I，[2017-01-26T16：32：25.225079＃2674] INFO […]

在Rails应用程序中使用bigvideo.js渲染背景

我有以下实现的bigvideo.js完全在我的Rails项目之外运行。 var BV = new $.BigVideo(); BV.init(); if (Modernizr.touch) { BV.show(‘yay.jpg’); } else { BV.show(‘test.mp4’,{ambient:true}); } 但是，当我尝试将其转换为Rails时，它不会呈现图像或video。 – 我有资产/ javascripts中的所有javascript文件。 它们似乎正在拉动。 – Application.js不受影响，包括// = require_tree。 – 对于自定义JS（上面显示js代码的那个），我目前将它作为资产/ javascripts中的JS文件。 我已经尝试将相关的图像/video文件放在文件夹中，更改文件的url路径，并命名为.html.erb并使用ruby片段，但都没有成功。 如何使我的实施工作？ 你可以在这里看到它在Rails之外工作。

切换页面后，Bootstrap下拉列表停止工作–Rails 4.2

我在我的网站上实现了引导菜单。 问题是，如果我切换页面菜单变得没有响应，请接受“徽标部分”，它将我带回主页。 如果我刷新页面，下拉菜单会再次运行。 我不知道为什么。 我的application.js看起来像： //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require moment //= require react //= require react_ujs //= require writer/react/panel 我的Gemfile ： source ‘https://rubygems.org’ gem ‘rails’, ‘4.2.0’ gem ‘pg’ gem ‘turbolinks’ gem ‘jbuilder’, ‘~> 1.2’ gem ‘therubyracer’ gem ‘figaro’ gem ‘responders’, ‘~> 2.0’ gem ‘active_model_serializers’, github: […]