Tag: javascript

我如何使用JavaScript来解析Ruby JSON字符串: 我正在尝试从Rails应用程序的JSON输出字符串中获取JSON对象。目前在JavaScript我正在做： data = “”; 但是，由于JSON对象的开头和结尾都有引号，因此它不会呈现为JSON对象。相反，它正在做类似的事情 data = “[{“name”:”YHet”,”organism_id”:”4ea9b90e859723d3f7000037″}]” 有没有办法可以删除开头和结尾的引号，以便将对象视为数组而不是字符串？

如何使用Rails数据库中的数据创建d3图: 我学会了使用d3书创建d3图表，其中所有数据集都直接包含在标记中，而标记又包含在html正文中。我现在想在我的rails应用程序中使用d3，但我不知道如何：将数据从我的Rails数据库传递到我的d3脚本如何“偏爱”javascript？我已经看过关于“不引人注目的javascript”的材料，但它们通常是关于AJAX表单提交的，我很难将其转换为图形绘制（即包括使用app数据绘制的图形的）。目前还没有解决这两个问题的答案，所以希望这成为未来Google员工的参考。

使用TeaSpoon – Jasmine编写规格时，直接使用PhantomJS访问页面: 我正在尝试使用Teaspoon（Jasmine版本）为我的Rails 3.2应用程序编写Javascript规范。我正在尝试编写一个类似这样的规范 describe(“Fun”, function() { var page = require(‘webpage’).create() //ERROR it(“should be so much fun”, function() { page.open(‘/pageToTest/’) expect($(‘#HereIsTheParty’)).not.toBe( undefined ); }); }); 但是，require（’webpage’）不运行（错误：模块名称“system”尚未加载上下文），即使已经安装了Requirejs gem并且可以从Chrome控制台访问它。我的问题是，我可以轻松获得要求（’网页’）使用Rails运行还是我应该使用其他东西？到目前为止，我一直在使用Capybara可能更容易 describe “Fun”, :type => :feature do it “should be so much fun” do visit ‘/pageToTest/’ expect(page).to have_content ‘Success’ end end 没有任何问题。但我更喜欢使用纯Javascript，因为在这种情况下它更方便。你们有什么感想？谢谢！

防止谷歌地图JS由Rails Turbolinks多次执行: 我目前正在处理Rails应用程序，它收到以下错误：您已在此页面上多次添加Google Maps API。这可能会导致意外错误。经过一番研究后，我发现Turbolinks导致了这个问题。单击link_to ，Google地图创建的所有DOM元素都将保留在DOM中。当渲染新页面时，会添加另一组Google Map DOM元素，从而导致重复和错误。我可以通过简单地将’data-no-turbolink’ => true到我的link_to来快速解决这个问题，但这会破坏使用Turbolinks的目的，因为它会强制刷新。我想知道是否有一个潜在的解决方法来阻止这种复制而不关闭Turbolinks？ map.js： var initMap = function initMap() { if (typeof mapLatLng != “undefined”) { // we can use this to set the map zoom // in different places. // use: window.setZoom = 12; if (typeof setZoom ==! “undefined”) { var mapZoom […]

你可以将replace_html与Rails RJS中的visual_effect结合起来吗？: 我正在开发一个使用Ruby on Rails的网站，我有一些div有一些内容。点击链接后，我希望该内容被其他一些东西取代。这与replace_html和rjs一起工作正常。但是，我更喜欢旧内容和新内容之间的轻微淡入/淡出（交叉渐变？）过渡。 div也会稍微调整一下，如果这样做会产生增长/收缩效果，那就更酷了。我认为Scriptaculous必须有这样的内置，但我确实无法找到它，如果他们这样做。顺便提一下，如果你有一个Basecamp帐户就有一个很好的例子：登录并单击“所有人”然后“添加新公司”以查看效果。有人知道怎么做吗？谢谢！布赖恩

Rails 4 app …在开发环境中javascript不会触发，除非刷新页面: 所以我的第一个rails4应用程序出现了一个奇怪的问题，我的页面javascript没有被触发，除非我重新加载页面。对于我的资产管道JS和内联的content_for JS都是如此。在我的/assets/javascripts/cars.js文件中： $(function(){ $(“#car_car_make_id”).on(“change”, function(){ //SET MODELS $.ajax({ url: “/car_makes/” + $(this).val() + “/car_models”, type: “GET”, dataType: “json”, cache: false }) .done(function(data) { model_list(data) }) .fail(function() { alert(“error”); }) }); }); function model_list(data) { $(“#car_car_model_id”).empty(); $.each(data, function(i,v){ $(“”).val(v.id).text(v.name).appendTo(“#car_car_model_id”); }); //ON COMPLETE SHOW $(“#car_model_div”).show(); } 带有content_for的页面内联： var tag = document.createElement(‘script’); tag.src = “https://www.youtube.com/iframe_api”; var […]

使用引导程序和使用选项卡时，迷你图未绘制: 我使用了来自http://omnipotent.net/jquery.sparkline/#s-about的 bootstrap和jQuery Sparklines的RubyOnRails应用程序（3.2.x）我的页面有两个使用bootstraps的标签，如下所示： $(function() {$(‘.inlinesparkline’).sparkline(‘html’, {type: ‘line’, height: ’20px’, width: ‘100px’});}); Tab1 Tab2 1,2,3,4,5,6,7,6,5,4,3,4,5,6,7,8,7,6,4 Hi there 如果第二个选项卡是活动选项卡，那么当切换到第一个选项卡时，显示的数字不是迷你图，但如果我将选项卡1设置为活动选项卡，则会绘制迷你图。我该如何解决？

Turbolinks 5.0和Facebook SDK: 上周我升级到使用Turbolinks 5.0的Rails 5。我使用以下脚本加载Turbolinks 3.0的Facebook按钮： fb_root = null fb_events_bound = false $ -> loadFacebookSDK() bindFacebookEvents() unless fb_events_bound bindFacebookEvents = -> $(document) .on(‘page:fetch’, saveFacebookRoot) .on(‘page:change’, restoreFacebookRoot) .on(‘page:load’, -> FB?.XFBML.parse() ) fb_events_bound = true saveFacebookRoot = -> fb_root = $(‘#fb-root’).detach() restoreFacebookRoot = -> if $(‘#fb-root’).length > 0 $(‘#fb-root’).replaceWith fb_root else $(‘body’).append fb_root loadFacebookSDK = -> window.fbAsyncInit = […]

Javascript包含以后不在页面中加载: 我们有一个Rails应用程序，我们将应用程序依赖项包含在application.js中的html头中： //= require jquery //= require analytics // other stuff… 然后在单个页面上，我们在页面底部有一个脚本标记用于analytics ： analytics.track(‘on that awesome page’); 这通常很好，但偶尔我们会看到错误analytics is not defined ，最近才在Chrome 43上analytics is not defined 。因为所有内容都应该同步加载，这似乎应该是开箱即用的，但我将脚本更改为： $(document).ready(function () { analytics.track(‘on that awesome page’); }); 而现在我们偶尔会看到$ is not defined 。我们没有看到来自同一IP的任何其他错误，否则我会怀疑application.js出了什么问题。任何其他想法为什么它可能会破裂？您可以在此处查看示例页面。完整的application.js ： // Polyfills //= require es5-shim/es5-shim //= require es5-shim/es5-sham //= require polyfills […]