【javascript – Plupload与Ruby on Rails一起使用?】教程文章相关的互联网学习教程文章

小胡子在服务器(rails)和客户端(javascript)上呈现【代码】

在服务器(使用rails)和客户端(使用javascript)上使用时,是否有关于Mustache最佳实践的文档?# hello_world.mustache Hello {{planet}}# some other file <% hello_world_template = File.read(File.dirname(__FILE__) + "/hello_world.mustache") %><script id="hello_world_template" type="text/x-jquery-tmpl"> <%= hello_world_template %> </script><script>// $.mustache = using mustache.js and a jquery mustache wrapper...

Rails / Javascript:如何将rails变量注入(非常)简单的javascript中【代码】

我想在rails中编写一个非常简单的javascript计算器,它将输入字段的数量乘以存储在rails变量中的数字(@ item.base_price) 所以,在javascript / coffeescript方面,它粗略地说:# app/assets/javascript/items.js.coffee $-> $('#item_quantity').change ->quantity_val = $(this).val()$('#total_amount').html(quantity_val * <%= I_WANT_@ITEM.BASE_PRICE_HERE %>)我知道如何通过每次change()调用的ajax调用来实现这一点,但我认为必...

javascript – 将外部css和js放在rails中的位置【代码】

我刚开始使用rails并加载外部资源,如css和js对我来说一直是个问题.在几个地方读书,我发现,css应放在app / assets / stylesheets和js inside app / assets / javascripts中.这样做后,我在我的视图文件中调用了我的css和js<%= stylesheet_link_tag "<<path to my css>>" %> 对于CSS和<%= javascript_include_tag "<<path to my js>>" %>我把这行包含在我的config / initializers / assets.rb中Rails.application.config.assets.prec...

javascript – Rails 5 Webpacker应用程序部署到Heroku作为空白页面,没有失败【代码】

我有一个简单的Rails 5.1应用程序,它使用Webpacker和Vue.js.它在webpack-dev-server的开发中非常有效.当我推送到Heroku存储库时,它完成没有任何错误,看起来没有任何异常. HTML页面呈现但< div id =“app”>应该呈现Vue.js应用程序的元素仅由注释替换:<!--function (e,n,r,o){return on(t,e,n,r,o,!0)}-->JavaScript包文件确实在那里,我看着它,它似乎都是正确的. 我尝试使用Node.js Buildpack替换正常的Ruby buildpack,然后使用Rub...

javascript – 在rails 3中执行$(document).ready(…)的不引人注目的方法【代码】

在我的一个观点中,我需要在加载页面时做一些事情(加载谷歌地图JS,然后初始化我的一些东西)我当然可以将这一点嵌入到我的haml / erb模板中,但有一种UJS方法可以正确地执行此操作吗?-content_for :head do= google_loader_tag #map_canvas:javascript$(document).ready(function() {google.load('maps', '3', {other_params:'sensor=false', callback: initialize});});我确实认为UJS意味着不要将Javascript和html模板混合在一起,但...

每次ajax请求rails应用程序发送的JavaScript【代码】

我有一个rails应用程序,通过这个ajax请求跨域(我使用rack-cors来完成这个跨域请求,没有jsonp):它用html响应//to ensure cache=true gets passed$.ajaxPrefilter('script', function(options) {options.cache = true;});//ajax requests html$.ajax({beforeSend: function (xhr) {xhr.setRequestHeader ('Authorization', api_key);},dataType: 'html',type: 'GET',url: url+'/gwsearch/ajax_search?d1='+d1_val+'&d2='+d2_val,cro...

javascript – 如何使用Selectize.js查找或创建rails belongs_to关联?【代码】

我很难弄清楚如何将Selectize.js与rails中的belongs_to关联结合起来.我想做这样的照片:我曾尝试使用accepts_nested_attributes,但这似乎不适用于belongs_to关系. 我尝试过像railscast episode这样的自动完成关联. 我真正想做的是使用Selectize样式集合select来创建“Speaker”关联(如果它已经在数据库中),但如果它尚不存在则添加一个新关联. Selectize使我能够添加一个新的,但我在通过表单传递它以在相关模型中创建新记录时遇到了...

javascript – 如何使用jquery将json请求发送到rails【代码】

我想将JSON post请求发送到rails 3服务器.我有以下ajax请求: $就({ 类型:’POST’, contentType:“application / json”, url:url, 数据:{email:“example@test.com”,密码:“密码”}, 成功:onSuccess, 错误:onError, dataType:“json” }); 但是,rails服务器接收如下数据: {“_ js...

javascript – Ruby on Rails中的通知栏【代码】

我想创建一个类似于Facebook或StackExchange的通知栏. 我希望它显示带数字的通知和带有一些信息的下拉面板. 有人可以提供一个关于如何在Ruby on Rails或Javascript / jQuery中创建它的示例或教程吗? 谢谢解决方法:它可能是一个两阶段的过程: >获取未完成/未读通知的计数器.在标题中显示为链接.>添加一个jQuery处理程序,它将根据首选项在点击或悬停时通过AJAX加载消息. 第一部分很简单,如果已建立范围,则只需在关联上调用方法:<%...

Rails 3.1 Javascript的资产管道【代码】

好的,我已经阅读了很多关于新资产管道Rails 3.1的信息,我找不到对我的怀疑的正确答案. 我根据我正在渲染的视图#动作按需加载我的.js文件.我这样做是为了防止不正确的绑定并加载小的.js文件. candidate_opportunities#指数$(".sortable_drag_n_drop").sortable({update: function(event, ui) {$.post('/candidate_opportunities/sort', $(this).sortable('serialize'));},handle: 'span' });candidate_companies#指数$(".sortable_d...

Rails窗体中的Javascript滑块【代码】

我有一个使用form_for的表单,我想使用bootstrap-slider.js实现一个javascript滑块来获取值并更新事件的价格. Javascript绝对不是我的强项,我希望看到我将如何将其包含在表单中. 其中一个规定的例子是:###################HTML ###################<input id="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>###################JavaScrip...

Rails 4 jQuery与javascript冲突【代码】

我试图在Rails 4中制作应用程序. 我正在挣扎.我正在尝试合并一个bootstrap主题,我遇到了供应商javascripts和其余代码的问题. 我认为问题可能与在我的application.js中使用jQuery然后使用以’$’符号开头的供应商.js文件有关:$.circleProgress = {我刚看过这个:https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ 我的问题是,我不知道如何进行使代码安全的更改. 我是否需要搜索供应商文件中的每个’$’...

javascript-在Rails中使用Ajax请求更新数据库【代码】

单击通知按钮后,它将向控制器发送一个get请求,该请求应该将Activity.viewed从false更新为true.这样,我的js知道不会将其填充回通知计数中.所以: 我有一个ajax GET请求// click EVENT TRIGGERS$('#bell-notices').click(function(){var $bell = $(this);$bell.find('.notifications-count').hide('0');$bell.parent().find('.dropdown-toggle').dropdown();$.get('/activities/mark_activity_viewed', function( data ) {});});被发...

查询rails数据库,并使用Javascript更新highcharts【代码】

我有一个显示highchar的页面.我想使用Javascript来获取特定用户的几条信息.我想从我的数据库中取出并将其放在highcharts graoh上.我已经设置了一个显示静态数据的JSfiddle.但 我想要做的是: >使用参数使javascript调用Rails操作.>查询rails数据库(projectHours表).> Rails返回响应.> Javascript更新highcharts并映射存储在projectHours表中的信息. 所以我的问题是如果我想使用我的数据库中的信息怎么办? 以下两种型号 Effort.rbc...

ruby-on-rails – Rails / Nginx不提供JS和CSS【代码】

我通过Capistrano将启用了资产管道的Rails 3.2.8应用程序部署到我的Linode服务器. 它正在运行nginx独角兽. 当我访问我的应用程序时,虽然资产存在于< RAILS_DIR> / public / assets中,但是最小化的JS和CSS没有被提供.$tree assets assets |-- application-66e477d6fd8cf088e8be44affeead089.css |-- application-66e477d6fd8cf088e8be44affeead089.css.gz |-- application-7d3ead38a0b5e276a97d48e52044ac31.js |-- application-7d3...

RUBY - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部