Tag: ruby on rails

Rails引导导航选项卡在通过yield渲染时处于活动状态

我坚持让导航标签工作,跟踪什么是活动的以及如何仍然呈现新视图。 这是我的标记示例。 仅包含一个标签内容以用于说明目的。 所以现在我可以选择展示我的标签内容。 但是当我点击其他东西时。 例如,在“即将发生的事件”中激活并单击“过去事件”,如何在从past_events_path加载内容时使用同一空间上的javascript和链接将active转移到past_events_path

IE中的IE跨域ajax请求

我有一个服务器在localhost端口3002上运行,当我尝试从localhost端口3000发送ajax请求时,请求不会在任何版本的Internet Explorer中发送。(在chrome和firefox中工作正常)。 我也尝试过使用jquery插件jquery.xdomainajax.js而且我也有 def set_access_control_headers headers [‘Access-Control-Allow-Origin’] =’ ‘headers [‘Access-Control-Request-Method’] =’ ‘end 应用程序控制器中的方法,在localhost端口3002中运行的服务器代码中。 我的要求:在IE中发送ajax请求跨域并处理响应。 任何帮助都会受到高度关注。 提前致谢

带有nested_forms Gem的jQuery UI DatePicker

我看过这个,但这并没有解决我的问题,但情况也是如此。 jQuery加载得很好。 这是我的’nested_form’: ‘event_date’ %> “remove_task” %> 这是JS: jQuery(document).ready(function($) { $(‘.event_date’).each(function() { $(this).datepicker(); }); }); 最后这是生成的html。 您可以看到jQuery UI为DatePicker添加了它的类(hasDatepicker): 任何帮助将不胜感激。 谢谢!

如何在javascript中使用ruby代码

我正在实现一个带有下拉列表的实时搜索,其中包含要过滤的多个字段。当用户单击按钮时,它只从一个搜索字段开始,下拉选择要搜索的内容以及添加更多filter的按钮,它生成一个像这样的新字段: 这个图像样本是用JavaScript中的html进行硬编码的。 问题是我将在很多视图中使用它,所以我需要它是动态的,因为我以前使用Ruby生成第一个搜索字段的代码。 我尝试过这样做,但没有成功。 live_search.js.erb $(function () { function search() { $.get(window.location.href, { object_columns: $(“select#object_columns”).val(), search: $(“#search”).val() }, null, “script”); }; $(“select#object_columns”).change(search); $(“input#search”).keyup(search); $(‘button’).on(‘click’,function(){ column = “”; $(‘#search-form’).after(column); }); }); search_engine.html.erb 我甚至试图在JavaScript中调用“搜索表单”来复制单击按钮时的代码,但我读到它是不可能的。 编辑 我在@ppascualv建议时做了一些更改,但是当我点击按钮时,我仍然无法渲染并添加另一个“search_engine”。 我收到一个错误,说未定义的方法’render’ 。 live_search.js.erb $(function () { function search() { $.get(window.location.href, { object_columns: $(“select#object_columns”).val(), search: $(“#search”).val() }, null, “script”); }; $(“select#object_columns”).change(search); $(“input#search”).keyup(search); […]

为什么我的计数器不像我期望的那样在现场工作

我在我的应用程序中实现了一个JS计数器。 我有两个表单字段,我的两个不同的计数器应该工作。 #post_title和#body-field 。 这是我的JS: counter = function() { var title_value = $(‘#post_title’).val(); var body_value = $(‘#body-field’).val(); if (title_value.length == 0) { $(‘#wordCountTitle’).html(0); return; } if (body_value.length == 0) { $(‘#wordCountBody’).html(0); return; } var regex = /\s+/gi; var wordCountTitle = title_value.trim().replace(regex, ‘ ‘).split(‘ ‘).length; var wordCountBody = body_value.trim().replace(regex, ‘ ‘).split(‘ ‘).length; $(‘#wordCountTitle’).html(wordCountTitle); $(‘#wordCountBody’).html(wordCountBody); }; $(document).on(‘ready […]

Backbone,我应该使用sync还是JQuery? 我可以听吗?

在前端使用Backbone的Rails应用程序。 基本上我希望用户输入一个字符串并点击提交按钮。 单击该按钮后,将更新两个视图。 我从SO用户那里得到了很多帮助,但遇到了另一个问题。 以下是详细信息: 我有两个模型,Publication和Article(带有相应的Rails模型)。 我正在使用gem(Feedzirra)来解析用户输入的RSS URL。 所以我将url发送到/ publications并使用返回的数据我可以获取id,这样我就可以将它用作POST到/ articles的输入。 现在是重新渲染两个视图的时候了。 起初我尝试使用Backbones .sync函数来发出POST请求,并让视图监听更改并相应地更新。 但是,因为我需要来自一个请求的数据,所以我可以将它提供给下一个请求,我必须使用$ .post()而不是.sync。 这主要是因为我不太了解如何使用.sync。 这可以使用.sync吗? 这是Backbone中的Article视图: SimpleGoogleReader.Views.ArticlesIndex = Backbone.View.extend({ template: JST[‘articles/index’], el: ‘#article’, events:{ ‘click #new_feed’: ‘createFeed’ }, initialize: function() { this.listenTo(this.model, “sync”, this.render); }, render: function(){ this.$el.html( this.template({articles: this.model.toJSON()}) ); return this; }, createFeed: function(e){ e.preventDefault(); var feed_url = $(‘#new_feed_name’).val(); $.post(‘/publications’, […]

从Rails中将json解析为jquery ajax自动完成列表

我之前从未这样做过,我正试图为每个自动完成列表项目显示多个ldap属性。 例如,我在ldap中搜索“admin”作为sAMAccountName,我的搜索函数为每个匹配返回两个值。 sAMAccountName和idnumber,所以我的列表项必须包括sAMAccountName和idnumber。 而不仅仅是在文本字段中键入的sAMAccountName“admin”。 如何让jQuery为每个列表项读取多个属性? def search if (params[:term] =~ /[a-zA-Z]/) @result = User.FindLdap(“sAMAccountName”, params[:term]) else @result = User.FindLdap(“idnumber”, params[:term]) end respond_to do |format| format.json { render :json=> @result.to_json } format.js end end $(function() { $(“#term”).autocomplete({ source: function (request, response) { $.post(“/users/search”, request, response); }, minLength: 2, select: function () {} }); });

如何使用gon访问变量属性(在jQuery和Rails中)

我最近指出gon将变量从我的控制器传递到页面上可用的javascripts。 假设我传递了一个变量@note,它具有属性location,content和tags(关联标签)。 如何在jQuery文件中访问这些属性? 如果我做: alert(gon.note) 我收到警告[对象] [对象] 我想访问内容以输出字符串即 var string = gon.note.content gon.note.content不起作用。 有什么指针吗?

在ckeditor中为rails应用程序添加表

我想在默认创建的表中添加一个名为“table”的类。 我还想从ckeditor的表格对话框中更改边框的值。 我遇到了大麻烦。

第二次提交表单,呈现前一个部分以及当前部分

我通过以下方式提交单个文本区域表单:remote => true。 它工作得很好,但是如果我在没有重新加载页面的情况下提交表单两次,则会将部分渲染3次。 在第一次提交后,如果我输入新文本并再次提交,则会加载上一个部分以及当前部分,从而产生3个提交。 它只提交到数据库两次,在页面刷新其中一个消失。 我的控制器看起来像这样: respond_to do |format| format.html { redirect_to(return_to) } format.js end 而我的这是我的js: $(‘.comment_form’).bind(‘ajax:success’, function(){ $(this).closest(‘.post’).children(‘.comment_container’).prepend(” ‘public/comment’, :object => @comment) %>”); $(‘.notice’).html(‘New Comment Added’); $(this).children(‘:input’).val(”); $(this).closest(‘.comment_form_div’).slideUp(); return false; }); 我只包括jquery和jquery-ujs一次,我尝试设置$.ajaxSetup({cache:false}); 但无济于事。 有没有其他人遇到这个问题?