在 Rails 6 中测试 jquery

2024-01-05

我对编程和测试相当陌生,看看 jquery 是否适用于我的 Rails 6 设置。为了做到这一点,我有:

  1. 创建了一个新的 Rails 应用程序
  2. 生成了一个脚手架
  3. 将以下代码插入到新创建的脚手架的index.html.erb视图中
<script type='text/javascript'>
  $('#mydiv').show();
</script>

<div id='mydiv' style='display:none'>
   TEST
</div>

我希望它显示测试文本..但即使页面的其余部分呈现,它似乎也没有出现...非常欢迎任何帮助...


将脚本移至div下方,以便执行脚本时加载div:

 <div id='mydiv' style='display:none'>
   TEST
 </div>
 <script type='text/javascript'>
   $('#mydiv').show();
 </script>

或者您需要在页面加载时调用脚本:

$(document).ready(function(){
  $('#mydiv').show();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Rails 6 中测试 jquery 的相关文章

  • 我可以使用 Rails API 执行 INSERT-SELECT 操作吗?

    我必须将一个表中的 BLOB 字段复制到另一个表中 并且我想使用 INSERT SELECT 查询来实现此目的 INSERT INTO target table key data comment SELECT my key data som
  • 如何在 javascript/jquery 中进行非阻塞睡眠?

    如何在 javascript jquery 中进行非阻塞睡眠 冒着从评论者那里窃取答案的风险 请使用设置超时 https developer mozilla org en US docs Web API WindowTimers setTi
  • 将模板添加为innerHTML 时,Angular 2 绑定/事件不起作用

    我正在尝试创建一个可配置的可重用表 单元格可以配置为具有 html 模板 我正在配置列 Review 拥有带有带有点击事件的锚标记的 html 模板 审核 行 到目前为止 我尝试将此模板作为innerHTML 插入 但所有角度绑定都不起作用
  • .map() Javascript ES6 地图?

    你会怎么做 本能地 我想做 var myMap new Map thing1 1 thing2 2 thing3 3 wishful ignorant thinking var newMap myMap map key value gt v
  • 我可以在 Express POST 请求中进行 DOM 操作吗?

    我正在使用基本的 HTML CSS 前端 目前有一个登陆页面 上面有一个表单 可将 一些数据发送到数据库 当请求完成后 它期待某种响应 在这种情况下 我正在重新渲染页面 但是 我想用某种感谢消息替换表单 以便用户知道它已正确发送 我尝试过简
  • Puppeteer 错误 错误:等待选择器超时

    目前我有一个网站 其 HTML 中有此内容 我通过检查chrome开发者工具中的元素确认了这一点 div class hdp photo carousel div class photo tile photo tile large 我直观地
  • 窗口对象没有创建它的页面附加的属性

    我用window open url target 开一个url在新选项卡 窗口中 在此之前 我在新打开的窗口对象上设置了一些属性 目的是将数据从该页面 新窗口的创建者 传递到新创建的窗口 在除 Internet Explorer 之外的所有
  • 使用 document.getElementById().style.height javascript 从 css 获取值

    请提供有关这个谜团的见解 我试图通过以下方式从 div 框中获取高度值 var high document getElementById hintdiv style height alert high 如果该属性包含在 div 标记中 我可
  • 如何用html标签替换字符串的一部分?

    如何在 jQuery 中用 html 标签替换字符串的一部分 比如说 div Who am i div 应该 div b Who b am i div 您可以使用html方法的回调函数和replace method div html fun
  • 从右到左的语言和编程问题

    我正在创建一个网络文本编辑器 它使用我创建的新语言 如 BBcode 这种标记语言将采用阿拉伯语 但我面临这些问题 在所有 IDE 和编辑器中将英语和阿拉伯语文本混合在同一行中确实很困难 因为会发生奇怪的事情 单词和字符的顺序发生变化 使用
  • TypeError:React 中的循环对象值

    这是我的代码 sendMail e e preventDefault fetch https uczsieapp mailer herokuapp com var name document getElementById name var
  • 克隆 jQuery 样式?

    我有一个 span called spn1 它有一些来自内联 CSS 文件的样式 我还有一个 span called spn2 我怎样才能克隆spn1 s complete风格融入spn2 I want spn2看起来完全 风格 像spn1
  • RegEx 使用 match() 在 JavaScript 中提取字符串数组

    我正在尝试使用string match 在 javascript 中使用正则表达式来提取字符串数组 这是一个示例字符串 CREATE TABLE listings listing id INTEGER UNIQUE state TEXT t
  • Karma 测试报告运行速度快,但实际上运行速度慢

    最好的解释是a video https youtu be Zwwi01JuPrQ 或参见下面的 gif 您会注意到 Karma 进度报告器报告测试只需要几毫秒 但显然需要相当长的时间 我在推特上提到了这一点 https twitter co
  • 将纬度/经度转换为 X/Y,以便在美国地图图像上进行阿尔伯斯投影

    我正在尝试使用 C 或 Javascript 将纬度 经度转换为 X Y 坐标 以将带有 CSS 的 div 左 上 定位到美国地图的背景图像上 美国的标准地图投影是阿尔伯斯投影 如下所示 但 StackOverflow 仅提供参考基本墨卡
  • 解析器阻塞与渲染阻塞

    我一直在阅读有关优化网络性能的 Google 开发人员文档 我对那里使用的术语有点困惑 CSS 和 JavaScript 文件都会阻止 DOM 构建 但是 CSS 被称为渲染阻塞 而 JavaScript 被称为解析器阻塞 解析器阻塞 和
  • Jquery 对话框部分视图服务器端验证“保存”按钮单击

    我有一个显示数据的表格 表格的每一行都有编辑按钮 单击编辑按钮时 将出现一个 jquery 对话框 其中包含用于编辑用户信息的表单以及保存和取消按钮 表单只不过是部分视图 按钮是部分视图的一部分
  • 尝试将 jquery 加载到 tampermonkey 脚本中

    我正在编写一个脚本 在加载登录页面时登录到我的大学网络 代码如下 UserScript name My Fancy New Userscript namespace http use i E your homepage version 0
  • 加密 Chrome 扩展程序?

    无论如何 要加密 Chrome 扩展程序 以免暴露源代码 您可以使用混淆器隐藏您的代码 市场上有很多可用的 像Google Closure编译器这样的工具很少 而且市场上有很多在线javascript ofuscators 你可以使用任何一
  • 根据对象内的值将对象数组分成两部分

    我一直在尝试 并努力 弄清楚如何根据键值对拆分对象数组 长话短说 我有一个火车正在停靠的车站列表 需要将之前的停靠点和未来的停靠点分开 我正在使用的数据如下所示 station code SOC station name Southend

随机推荐

  • Java Applet 中的缓存

    有哪些方法可用于在 Java 小程序中进行缓存 据我所知 组成小程序的 jar 会被大多数浏览器缓存 小程序使用的任何依赖 jar 都会出现这种情况吗 如果小程序在运行时从远程 URL 加载资源 是吗 假设这不会被浏览器缓存是否正确 如果它
  • Python - 创建一个以给定值开始并以给定长度结束的列表

    如何创建一个具有起始值和列表长度的列表 例如 如果我想创建一个从 17 开始 长度为 5 的列表 num list 17 18 19 20 21 我已尝试以下操作 但它没有产生正确的结果 def answer start length id
  • NetLogo:以紧凑的方式对列表中的一项执行操作的过程?

    NetLogo 的新手 想知道是否有一个过程可以以紧凑的方式对列表中的一项执行操作 类似于地图 但针对一项 例如 假设我想添加3到索引处的项目i在列表中blah 现在我正在这样做 set blah replace item i blah i
  • sqlite3:未找到

    我正在尝试使用此处描述的过程访问我的设备上的 sqlite 数据库 我如何查看 SQLite 数据库 无模拟器 https stackoverflow com questions 7632767 how can i see sqlite d
  • Draw.io:如何调试未压缩的 js 代码?

    我从github存储库下载了draw io源文件 并尝试对导入函数进行一些细微的更改 但所有源都被缩小了 尤其是app min js 所以我的问题是 有什么方法可以使用未缩小的源代码来调试代码吗 我还尝试在查询字符串中传递参数 dev 1
  • Django:尝试编写只读数据库

    我刚刚创建了一个 Django 项目 python manage py startapp smartrecruitment 然后我运行了数据库同步 python manage py syncdb Operations to perform
  • 在Javascript中将字符串转换为日期时间格式

    我有一个字符串 我想与 JavaScript 日期时间对象进行比较 如何使用 JavaScript 将字符串 1 1 1912 转换为日期时间 以便我可以进行比较 if EDateTime gt 1 1 1912 如果您可以保证日期格式 您
  • 如何清除 html 5 客户端存储?

    例如 我认为 StackOverflow 通过 html 5 客户端存储来记住用户 我怎样才能清除这个存储 清除缓存好像不行 删除 flash cookie 似乎也没有帮助 附注我正在使用 Safari 但我也对一般内容感兴趣 StackO
  • 通过管道传输的 Thrift IPC (Windows)

    我一直在关注 Thrift 对 Windows 的支持 并且由于许多贡献者的努力 VS 开发已经取得了长足的进步 有针对编译器和 C 库的 VS 2010 项目 我已经确认它们在 0 8 中运行良好 http thrift apache o
  • Opencv 和 AWS Lambda

    我正在用 Java 编写一个 lambda 函数 想要使用 opencv 库 我很难理解如何设置它 请帮忙 我可以在本地很好地设置它 但我对 lambda 部分真的很困惑 编辑 准确地说 我在使用 System LoadLibrary 函数
  • 将使用-v7.3(HDF5)保存的Matlab稀疏矩阵加载到Python中并对其进行操作

    我是 python 新手 来自 matlab 我有一个以 matlab v7 3 HDF5 格式保存的大型稀疏矩阵 到目前为止 我发现了两种加载文件的方法 使用h5py and tables 然而 在这两种方法之后 在矩阵上的操作似乎都非常
  • AWS Cognito 的 SMS 多因素身份验证返回无效代码或身份验证状态

    我正在尝试实现基于以下内容的身份验证Cognito使用他们的GoSDK 我已经能够获得基本的username password身份验证可以工作 但是当我使用添加两因素身份验证时SMS我被卡住了 重现步骤 我使用用户名 密码和电子邮件验证创建
  • bash:cd:参数太多[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 如果我需要转到名为 异常处理 的目录 那么我写 cd异常处理 但它给出错误太多参数 使用引号 cd new folder 或逃离空间 cd
  • 未为类“BasicMessageChannel”定义方法“setMockMessageHandler”

    运行Flutter项目后 出现此错误 我能做什么来解决它 Error The method setMockMessageHandler isn t defined for the class BasicMessageChannel
  • xsl:使用多个元素对 XML 文件进行排序

    我正在尝试对 XML 文件中的一堆记录进行排序 诀窍是我需要对不同的节点使用不同的元素进行排序 举一个最简单的例子 我想这样做 给定一个 xml 文件
  • JSON 打印从根到叶的所有路径

    name Basic id home childrens name Dashboard viewtype custom view dashboard html childrens name DeviceInfo
  • 根据 Woocommerce 中的产品数量替换特定的购物车商品

    我正在尝试根据购物车中产品的数量更改购物车内容 我店里只有 5 种产品 产品 1 gt 1 个面板 Product 2 gt 12 个面板 Product 3 gt 18 个面板 Product 4 gt 30 个面板 Product 5
  • DAX 条件运行总计

    我有一个包含 2 列的表 ID and Numbers 我想创建一个新专栏Result与数字列的运行总计 但每次运行总计超过 20 时 应重新启动运行总计 此外 如果运行总计低于 20 则不应显示结果 这必须仅使用 DAX 来完成 谢谢指教
  • 为什么 Chrome 会向我的网站发送大量 GET 请求?

    我的 IIS 托管网站定期出现问题 其中一个客户端浏览器 Google Chrome 77 78 或更高版本 突然开始每秒向我的网站提交数十个针对同一页面的请求 对于我的应用程序 该用户始终是有效的 经过身份验证的用户 这些请求似乎也不遵循
  • 在 Rails 6 中测试 jquery

    我对编程和测试相当陌生 看看 jquery 是否适用于我的 Rails 6 设置 为了做到这一点 我有 创建了一个新的 Rails 应用程序 生成了一个脚手架 将以下代码插入到新创建的脚手架的index html erb视图中 div st