Tag: ruby on rails

点击rails link_to后,jQuery就不会被触发了

即时通讯使用下面的JavaScript来使图像“淡入”由滚动事件触发。 但是,用于最初隐藏图像的.hide仅在页面最初加载时才有效,输入localhost:3000。 一旦我在网站上,如果我尝试点击链接返回主页面, 主页加载.hide工作 为什么.hide在页面最初加载时工作,但是如果我点击指向同一页面的链接,则.hide不起作用。 Javascript的其余部分无论如何都可以工作,我可以滚动,图像会根据滚动位置淡入淡出,但是我需要它才能开始隐藏,而且只有在页面加载时才有效 function isElementVisible(elementToBeChecked) { var TopView = $(window).scrollTop(); var BotView = TopView + $(window).height(); var TopElement = $(elementToBeChecked).offset().top + 100; var BotElement = TopElement + $(elementToBeChecked).height(); return ((BotElement = TopView)); } $(document).ready(function(){ $(“#ghost_logo”).hide();// hide it initially }); $(window).scroll(function(){ isOnView = isElementVisible(“#logoDiv”); if (isOnView) { //fade out small image once main […]

Jquery ajax和控制器方法

我有这个控制器方法: def create render plain: params[:article].inspect #@article = Article.new(article_params) #@article = Article.create(article_params) #if @article.save # redirect_to @article #else # render ‘new’ #end end 而这个jquery ajax请求: function ajaxsend() { $.ajax({ url: “/articles”, type: “POST”, data: { “article”: { “title”: “acme”, “text”: “text of the article” } }, success: function(resp){ } }); } 但是在我点击运行e jquery ajax的按钮后,我什么都没得到。 我希望渲染但没有任何反应,甚至在控制台中都没有错误。 […]

导轨上的ruby中的Bootstrap模式不起作用(不显示)

我正在使用rail4和’bootstrap-sass’:’3.3.6’。 我已经按照https://coderwall.com/p/ej0mhg/open-a-rails-form-with-twitter-bootstrap-modals中的步骤进行了操作,并根据Bootyrap 模式重写了部分内容,这些内容是在ruby轨道上无效的 。 谐音: × Modal header One fine body… Close Save changes rails控制台中没有错误。 铬检查的回应似乎没问题。 响应: $(“#myModal”).find(“.modal-content”).html(“\n\n\n\nModal header\n\n\nOne fine body…\n\n\nClose\nSave changes\n\n\n\n\n”); $(“#myModal”).modal(‘show’); 但模式并没有出现。 其他相关代码: 调用该操作的视图: %li= link_to ‘Add release’, new_release_path, {:remote => true, ‘data-toggle’ => “modal”, ‘data-target’ => ‘#myModal’} new_release.js.erb $(“#myModal”).find(“.modal-content”).html(“”); $(“#myModal”).modal(‘show’); 路线: get “new_release” => ‘project#new_release’, :as => :new_release

在rails中执行AJAX Post而不传入authenticity_token

所以我记得有一次,当我试图做一个AJAXpost时,我不得不将form_authenticity_token作为其中一个数据传递给rails。 出于某种原因,不这样做会产生某种错误,我会立即退出。 有没有办法仍然有这个forms提交的真实性令牌,但不是ajaxpost? 换句话说,我不想在我的post数据中传递autheniticy令牌。

Rails Spree Kaminari无限滚动产品页面

我尝试使用本教程Kaminari无尽的页面 ,并观看了Ryan Bates 第114集“ 无尽页面”(修订版),并试图在我的在线商店实现无限滚动function。 我不确定如何在我的index.js.erb文件中应用产品渲染,因为它在Spree中实现的完全不同。 我也忘了提到我对Spree平台很新。 到目前为止我所做的一切都是改变这些文件: 意见/大礼包/产品/ index.html的 ‘spree/shared/filters’ %> ‘spree/shared/taxonomies’ %> ‘spree/shared/products’, :locals => { :products => @products, :taxon => @taxon } %> ‘spree/shared/products’, :locals => { :products => @products, :taxon => @taxon } %> 意见/大礼包/产品/ index.js.erb的 $(“#home-products”).append(‘ ‘spree/shared/products’, :locals => { :products => @products, :taxon => @taxon }) %>’); $(‘.pagination’).replaceWith(”); $(‘.pagination’).remove(); […]

如何在JavaScript中设置cookie值并在Rails控制器中获取它

使用Ruby on Rails 5.0.3。 我想在JavaScript中使用JavaScript设置一些值(当点击按钮时),并在Rails中获取它。 我知道如何在Rails中访问会话,即session[:some_key]或cookies 。 但我不知道如何在JavaScript中做。 (它必须能够从Rails session或cookies访问。) 我怎么能在JS中做到这一点? 或者在JS中保存一些值的任何其他方法, 稍后在Rails中获取它 ?

如何根据rails query ajax中的其他下拉列表值更改选择框值

在这里,我必须为User和UserType建模。 如果我更改usertype然后用户属于特定的usertype将在下拉列表中列出。 这是我的代码。 *。html的 Employee Type Employee Name jquery文件是 $(“#payslip_user_type_id”).change(function(){ var url = ‘/payslips/new?user_type_id=’ + $(this).val() + ” $.ajax({ url: url, dataType: ‘script’, type: ‘GET’, success: function(data){ $(“#payslip_user_id”).html(data); } }); }) 控制器代码是 if params[:user_type_id].present? @users = UserType.find(params[:user_type_id]).users respond_to do |format| format.js end end 和new.js.erb文件是 当ajax请求发出时,我可以在浏览器控制台中看到选择选项。 但它在html中没有改变。 请任何人帮助我。

为什么这个JS会在一页上部分呈现而不是另一页?

我有一个posts.js文件,如下所示: var ready; ready = function() { var toggleSidebar = $(“.togglesidebar”); var primary = $(“#primary”); var secondary = $(“#secondary”); toggleSidebar.on(“click”, function(){ if(primary.hasClass(“col-sm-9”)){ primary.removeClass(“col-sm-9”); primary.addClass(“col-sm-12”); secondary.css(‘display’, ‘none’); } else { primary.removeClass(“col-sm-12”); primary.addClass(“col-sm-9”); secondary.css(‘display’, ‘inline-block’); } }); }; var counter = function(event) { var fieldValue = $(this).val(); var wc = fieldValue.trim().replace(regex, ‘ ‘).split(‘ ‘).length; var regex = […]

Rails 4 – ajax:没有触发成功

我通过ajax提交表格。 我可以在Chrome的网络面板中看到它是succesfful并返回了一些JSON。 但是,“ajax:success”事件永远不会被解雇。 为什么? // Does not work, despite getting success in the Network Panel. $(‘#uploadDataForm’).on(“ajax:success”, function(){ console.log(‘file uploaded!’); }); // Works. $(‘#uploadDataForm’).on(“ajax:send”, function(){ console.log(‘file sent!’); console.log(‘yep’); });

Jquery,Ajax,Post Function,Rails

我是一个Rails新手,有一个关于从ajax发布到rails控制器,并将数据返回到javascript的问题。 我对这实际上是如何工作非常不熟悉,但我已将其他SOF线程的后期函数拼凑在一起。 现在,我通过简单的按钮点击发布数据,ajax代码如下所示: $.ajax({ type : ‘POST’, url : “http://localhost:3000/fbusers”, data : { tester : { name : ‘boom’ } }, success : function(data) { alert(data); }, }); 这是控制器中的代码,非常简单: def create @user = User.create( params[:tester] ) end 此代码可以很好地将数据发布到create函数,该函数创建(发布?)db的条目。 但我想在“成功”时将警报function中的数据返回。 但是现在,警报只返回对象[object]。 谁能帮我把post数据传递给提醒function? 如果可能的话,解释(或基本教程的方向)也将非常有用。 提前致谢!