Tag: javascript

jQuery – 未捕获TypeError：$不是函数

我很困惑……我正在我的网站上工作并添加了一些jQuery。 经过测试，我发现jQuery没有做任何事情。 然后我尝试了我能想到的最简单但最明显的代码： $(“html”).click(function() { $(“html”).html(“”); }); 但那也没有做任何事情。 所以我在js控制台中尝试了相同的代码并找回了这个错误： Uncaught TypeError: $ is not a function at :2:1 at Object.InjectedScript._evaluateOn (:848:140) at Object.InjectedScript._evaluateAndWrap (:891:34) at Object.InjectedScript.evaluate (:627:21) 只需输入$ just即可返回“undefined”。 我调查并发现我不小心移动了我的Gemfile，也许服务器无法访问jquery-rails gem。 但在我将其移回并重新启动服务器后，问题并没有消失。 然后我想也许我的页面上有一些错误的代码阻止了jQuery的运行。 我删除了所有代码，因此它只是一个空白文档，运行它，并再次尝试，但我在控制台中得到了相同的错误。 我的应用程序负责人包括： true %> 我的app/assets/javascripts/application.js包含//= require jquery这一行 bundle install返回“jquery-rails 4.1.1”。 我之前在同一页面上运行了大量的jQuery而没有任何问题。 看来我的服务器突然停止了解jQuery。 到底是怎么回事？

Rails使用表单对象渲染部分

我想从下拉列表中选择一个颜色后呈现部分’colordata’，因为它涉及Ajax。 我无法在主页面上观察到任何变化。 甚至forms在colordata partial中是不确定的。 这是我的模型Order模式 create_table “orders”, force: :cascade, options: “ENGINE=InnoDB DEFAULT CHARSET=utf8” do |t| t.string “design” t.integer “quantity” t.datetime “created_at”, null: false t.datetime “updated_at”, null: false t.string “color” t.string “lotnumber” t.float “consumption”, limit: 24 t.string “number” end 这是ajax电话 $(“select[name=’order[color]’]”).change(function(){ $.ajax({ url: “colordata”, type: “post”, data:{ “color”: $(this).val() }, dataType: JSON, success: function(data){ } }); […]

page.insert_html没有插入带有link_to_function（rails）的html

我正在试图在Ruby On Rails中做一个复杂的表单。 它应该分组，每个组应该有文本字段。 我想要添加和删除组和文本字段。 我已经设法将文本字段添加并删除，但我完全无法对组进行相同操作。 这是对函数的调用： ‘group’ end %> 因此，它应该将名为“group”的部分添加到“groups”div中，对吗？ 好吧，它没有。 这是部分： Text Group ‘text’ %> 如果我点击“添加新组”链接，Firebug会告诉我有一些错误，例如某些javascript代码无效（错误在属性列表后“丢失”）。 但是，如果我删除部分代码中的第四行（具有“add_text_link”function的那一行），它的工作完美！ 而且这个function很完美。 那么，任何想法？ 谢谢你的帮助！ 编辑：这是生成的源代码： Main elements Title (mandatory) Subtitle (optional) Add new group Text Group Add a text field Remove text group Text Importance Notes Highlighted text Normal text Remove text field Next Step

GOOGLE CHARTS使用工具折线图作为动态数组对象循环

数组对象看起来像这样我从ruby中按产品名称日期和成本获取数据并存储在一个变量中… 第一个数组是产品名称，第二个数组数据是日期和成本。 如何将x作为日期和y轴组合并显示为具有产品名称的成本 如何在图表中实现，我不知道如何在javascript中迭代循环数组数据并使用arraydatatable或数据表在x和y轴上显示如果我传递直接数据数组我的代码，它与highcharts工作正常： data2 = [{“name”:”productname”,”data”:[[“2018-03-01”,18.89034482758612],[“2018-03-02”,18.89268292682916],[“2018-03-05”,18.89324503311252],[“2018-03-07”,18.89268292682916],[“2018-03-10”,18.89377777777766],[“2018-03-11”,18.893525179856],[“2018-03-12”,18.89359999999988],[“2018-03-13”,18.89311475409824],[“2018-03-14”,18.89311475409824],[“2018-03-15”,18.89294117647046],[“2018-03-16”,18.89272727272716],[“2018-03-17”,18.89387173396662],[“2018-03-18”,18.89366292134818],[“2018-03-19”,18.8923456790122]]}] google.charts.load(‘current’, {‘packages’:[‘corechart’]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(data2 ); var options = { title: ‘Company Performance’, curveType: ‘function’, legend: { position: ‘bottom’ } }; var chart = new google.visualization.LineChart(document.getElementById(‘curve_chart’)); chart.draw(data, options); } google.charts.load(‘current’, {‘packages’:[‘corechart’]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(data2); // how to iterate […]

mootools手风琴不工作

我一直想试试手风琴对mootools的效果，但是我无法让它起作用，就像js根本没有加载 这是HTML代码 BarDiJan – We Deliver What we Do We are people who deliver professional quality identity to you, we have wide range of support. What we Did Under Construction What we Offer Web Design Identity 这是application.js代码 windows.addEvent(‘domready’, function() { var accordion = new Accordion($$(‘h3.toggler’),$$(‘div.element’), { display: 2, opacity: false, alwaysHide: true, onActive: function(toggler) { […]

Watir webdriver和extjs寻找元素

我正在使用使用ruby的watir-webdriver进行验收测试我想问一下watir webdriver是否支持ExtJs？ 我试图找到由ExtJS动态生成的元素。 我正在尝试做一些事情 @browser = Watir::Browser.new :chrome #Some step go to page @cbo = @browser.execute_script “return Ext.getCmp(‘cboCategory’)” 但它不起作用请给我一些建议。 谢谢。

使用javascript executor为selenium webdriver ruby​​绑定脚本启用禁用字段

我正在编写Selenium Webdriver脚本中的Ruby代码，以通过Javascript执行器在UI上启用禁用字段。 browser.execute_script(“browser.find_element(:xpath,’/html/body/div[5]/div/div[3]/div[2]/div[2]/div/div/div/div/div/div/input’.disabled = false”) 但面对， `handleEvaluateEvent’：语法错误（Selenium :: WebDriver :: Error :: JavascriptError） 我的语法有什么问题？ 任何帮助将不胜感激。 谢谢！ 阿布舍克

有没有办法在广播公司上线时从YouTube API收到通知

我正在创建一个应用程序，其中有一个用户数据库，用于从YouTube流出电脑游戏，有没有办法从YouTube API获取通知，告诉我游戏玩家何时在线，这样我就可以随机播放每个直播video每个2分钟？

带有rails的入门级javascript：更新表单提交上的div（3.1 / jquery）

我有一个基本页面，包含一个包含文本的div，以及一个用于更新该文本的表单，在rails 3.1 / jquery上。 我不知道jquery或js好，所以我只是在讨论控制器的coffeescript。 我发现的任何教程都没有相关性，而且我发现的很少是古老的。 我可以看到发生了什么，有点：我可以获得关于ajax成功的js警报，对于作为远程表单的表单（放入服务器并且控制器上的更新工作 – 基本文本被更改，但是我需要刷新页面才能看到更改）。 所以我有2个基本问题我正在解决： 我是否需要摆弄js partials或者我可以将它放入页面的js / coffeescript中吗？ 看起来像这样可以处理没有一堆杂乱的部分。 你是如何用js / jquery控制替换信息的：.html，.load和其他几个函数似乎有牵连，但我找不到合适的组合。 我发现的所有教程要么过于陈旧，要么过于冗长，以至于无法在rails中执行一些基本的jquery操作。 我正努力用js / json削减和加快表单提交。 对于没有经验的人来说，一个新的，清晰的，简单的教程会很棒，但任何指向正确学习方向的东西都会很棒。 是的，我还没有发布任何代码，但如果我可以这么做，我会发布。

PhantomJS.rb在我的rails应用程序中尝试屏幕捕获页面时冻结

使用phantomjs.rb gem时，我无法从我的应用程序中获取屏幕截图。 我目前正在尝试本地url。 如果我得到那些工作，我会稍后使用url_for。 在我的控制器中： Phantomjs.run(‘./public/javascripts/testScreenCapture.js’, ‘http://localhost:3000’) 我的testScreenCapture.js： var page = require(‘webpage’).create(); var args = require(‘system’).args; var url = args[1]; page.open(url, function () { window.setTimeout(function () { page.render(‘./public/appPage.png’); phantom.exit(); }, 3000); }); 通过“ http://www.google.com ”作为url参数工作正常，只是当我从本地服务器传递任何东西时，当rails服务器挂起并且我正在假设phantomjs脚本也是因为我不是在我的公共文件夹中获取屏幕截图。 更奇怪的是从命令行运行它： phantomjs public/javascripts/testScreenCapture.js http://localhost:3000 这很棒！ 所以我假设我的控制器与服务器冲突有问题。 有任何想法吗？