Tag: ruby on rails

Rails使用checkbox和jquery ajax更改布尔值: 我是rails的新手，并尝试通过复选框和使用jquery ajax更改布尔值： “task-check” %> 和javascript： $(“.task-check”).bind(‘change’, function(){ if (this.checked){ var bool = this.checked ? 1 : 0; $.ajax({ url: ‘/todos/toggle’, type: ‘POST’, data: ‘{“task_id”:”‘+ this.value +'”, “bool”:”‘+ bool +'”}’ }); } else { alert(“no”); } }); 那么控制器： def toggle(task_id, bool) @task = Todo.find_by_id(task_id) if @task != nil? @task.update_attributes(:completed => bool) else set_flash “Error, please try […]

单击表格行时如何使用模态显示数据（使用引导程序）: 我是整个网络开发的初学者，在研究了很多之后我仍然无法完成这项工作。很感谢任何forms的帮助。我正在使用最新的rails版本和bootstrap来使事情变得更漂亮。我有一个页面，其中包含一个餐厅的订单。如果单击一行，我希望它使用bootstrap在模态窗口中显示订单详细信息。我已经设法通过onclick + javascript函数打开模态，但它看起来有点混乱，我仍然不知道如何加载模式的内容div与订单信息。这是我的代码： HTML： Orders <table class="table table-striped" ID Customer Status <tr onclick="orderModal();”> x Order Close JS： function orderModal(order_id){ $(‘#orderModal’).modal({ keyboard: true, backdrop: “static” }); };

用于Rails 3数据确认属性的jQuery UI Dialog而不是alert（）: 在Rails 3中，将：confirm参数传递给link_to将填充链接的data-confirm属性。这将在单击链接时引发JS alert（）。我正在使用rails jQuery UJS适配器（ https://github.com/rails/jquery-ujs ）。 rails.js的相关代码是： $(‘body’).delegate(‘a[data-confirm], button[data-confirm], input[data-confirm]’, ‘click.rails’, function () { var el = $(this); if (el.triggerAndReturn(‘confirm’)) { if (!confirm(el.attr(‘data-confirm’))) { return false; } } }); 和 triggerAndReturn: function (name, data) { var event = new $.Event(name); this.trigger(event, data); return event.result !== false; } 我想知道如何修改它以产生一个jQuery对话框（例如jQuery UI对话框），允许用户确认或取消。我对JavaScript的了解不足以实现这一目标。我目前的方法是简单地重写$（’body’）。delegate（）函数来实例化灯箱。 […]

根据rails中的第一个选择列表值更改第二个选择列表: 更新了底部的答案代码对于第二个选择框，仅显示与所选team关联的staff members选择选项。形成：示例案例：用户选择另一个团队。工作人员选择选项更新以仅显示与所选团队相关联的工作人员。我知道解决方案是使用javascript，但我在rails环境中应用它时遇到了麻烦。我知道这个问题，但仍然无法将其应用到我的rails应用程序。码 #app/controllers/task_notes_controller.rb … def new @task_note = TaskNote.new @teams = Team.all.includes(:staff_members) end … #app/views/task_notes/_form.html.erb … # Currently displays all staff members on every team, no matter what team is selected. … #app/assets/javascripts/task_notes.js $(document).ready(function(){ $(“#team”).on(‘change’, function(){ alert(“The new team id is: ” + $(this).val() ); # The […]

bundle exec rake assets：预编译失败，带有’unexpected token`: 我准备将我的Rails 3.1应用程序部署到生产环境中，因为我正在使用资产管道，所以我需要预编译我的资产。但是，当我尝试这个时，我得到一个显然与编译jQuery有关的错误： $ bundle exec rake –trace assets:precompile ** Invoke assets:precompile (first_time) ** Execute assets:precompile /home/adam/.rvm/rubies/ruby-1.9.3-p0/bin/ruby /home/adam/.rvm/gems/ruby-1.9.3-p0@rails-3.1/bin/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets –trace ** Invoke assets:precompile:all (first_time) ** Execute assets:precompile:all ** Invoke assets:precompile:primary (first_time) ** Invoke assets:environment (first_time) ** Execute assets:environment ** Invoke environment (first_time) ** Execute environment ** Invoke tmp:cache:clear (first_time) ** Execute […]

jQuery滚动到页面的一部分: 我正在尝试建立一个新的时尚单页网站，我滚动到页面上的一个部分。我想把“固定”标题带到内容的确切位置。我正在使用Zurb基金会。这是我到目前为止（这里找到的一些代码）： “recent” %> $(document).ready(function() { $(“a[data-scroll]”).click(function() { var id = $(this).data(“scroll”) $(‘html,body’).animate({ scrollTop: $(“#”+id).offset().top}, ‘slow’); }); }); some content 我遇到的问题如上所述。我想把我的固定标题带到这个div放在页面上的确切位置。请指教。

如何从AJAXpost中使用Rails send_data触发下载: 我正在尝试使用send_data返回PNG图像作为ajax post请求的响应。如何让浏览器触发成功回调的下载？细节我正在使用canvas.toDataURL()生成一个大的base64图像，然后将其发布到Rails（v3.2.6）。 Rails将其解码为二进制PNG，并将图像发送回客户端。我也试过send_file但它有同样的问题。其他选择下载图像客户端：我们不能这样做，因为（1） Safari在大型base64 URL上崩溃，以及（2） Safari还不支持锚标签上的下载属性，我需要指定下载的图像文件名。使用$.get而不是$.post ：我们不能这样做，因为我们需要将带有请求的canvas.toDataURL()发送到服务器。 GET请求URI具有大小限制。

如何使用Rails 4获得Jquery UI自动完成function？: 我正在使用带有jquery-rails（3.1.0）和jquery-ui-rails（4.1.1）gems的Rails 4.0.2。我正在尝试将自动填充添加到搜索表单中（使用Bootstrap 3.1.0）： Search 这是我的应用程序JS和CSS文件：的application.js //= require jquery //= require jquery_ujs //= require jquery.ui.autocomplete //= require turbolinks //= require_tree . var ready; ready = (function() { $(‘a[href=”‘ + this.location.pathname + ‘”]’).parent().addClass(‘active’); $(“#navbar-search-input”).autocomplete({ source: ‘/products/autocomplete.json’, }); }); $(document).ready(ready); $(document).on(‘page:load’, ready); application.css.scss *= require bootstrap *= font-kit-rails/ubuntu *= require jquery.ui.autocomplete *= require_self *= require_tree . […]

Rails 3.2模式弹出show动作: 这个论坛上的所有问题似乎都没有解决我的具体需求。基本上，我有一个“详细信息”按钮。我希望它在点击时显示一个modal dialog，其中显示了从模型的show.html.erb中提取的信息。我有一个book.rb模型。在索引页面中我有：通常单击此按钮会将我带到book / id页面，使用show动作。但我不希望它离开页面，而是我想要一个可以关闭的模态弹出窗口。我在这个论坛上尝试了相关主题的所有jquery和javascript代码，但似乎都没有。大多数似乎只针对创建或自定义操作。为了避免重复，我尝试了以下方法，其中没有一个有效：这个： You could look at modal dialogs by www.jqueryui.com. Add jquery ui to your application. Put a hidden div (display:none) in your layout page. Your link should be an ajax link: true %> Your controller should accept ajax response: def show @event […]

Rails Ajax：.js.erb呈现为文本，而不是JS: 我在使用rails3来渲染Javascript时遇到了麻烦（如果这是相关的，我使用JQuery并且它工作正常，因为它在应用程序的许多其他部分中使用）而不是html。我有什么：我认为，我有这个链接： :js), :remote => true %> 首先，我真的不明白为什么我要添加：format =>：js让控制器使用JS视图，而不是HTML视图。这是控制器的代码： def edit @user_repreneur = UserRepreneur.find_by_id_view(params[:id]) respond_to do |format| format.js format.html end end 在控制器类的开头，我有这一行： respond_to :js, :html 我的edit.js.erb文件包含一行警告。但是，在呈现页面时，JS将呈现为文本，因此不会执行。我试图将format.js行更改为 format.js { render :layout => false } 但它没有改变任何东西。我想我错过了什么，但我真的不明白… 非常感谢，欢呼！ PS：我不知道这是否有用，但在我的链接帮助器中添加：format =>：js之前，视图总是呈现为HTML，如果我评论了format.html行，我有一个406服务器端不可接受的错误。