jquery-rails 相关问题


jQuery DataTables 中的下拉分页

是否可以使用 jquery 数据表实现如下图所示的下拉分页?


如何在 Rails 7 esbuild 应用程序中显示 Bootstrap 5.3 弹出窗口?

当我使用 Bootstrap 创建全新的 Rails 7 应用程序时,Modals 可以开箱即用,但 Popover 则不然。我如何让他们工作? Rails 7.1.2、esbuild、Bootstrap 5.3.2: Rails 新 -- 数据库 sqlite3 --


在 Rails 5 中单击浏览器上的后退按钮时,带有 Select2 的表单会重复

_header.html.erb(用于表单部分) <%= form_for home_path, class: 'home', role: 'search', method: :get do |f| %> _header.html.erb(用于表单部分) <%= form_for home_path, class: 'home', role: 'search', method: :get do |f| %> <div class="form-group" style="display:inline;"> <div class="input-group input-group-md"> <%= text_field_tag :q, params[:q], placeholder: ... ,class: 'form-control hideOverflow', type: "search" %> <%= select_tag "category", options_from_collection_for_select(...),include_blank: true, class: 'form-control hideOverflow', type: "search" %> <%if logged_in? %> <%= select_tag "location", options_for_select([...], ...),class: 'form-control hideOverflow', type: "search" %> <% else %> <%= select_tag "location", options_for_select([...], ...),class: 'form-control hideOverflow', include_blank: true, type: "search" %> <% end %> <span class="input-group-addon"><%= submit_tag "Search", class: "btn-transparent"%></span> </div> </div> <% end %> JS代码 <script> $( document ).on('turbolinks:load', function() { $('select#category').select2({ width: '60%', dropdownAutoWidth : true, placeholder: "Choose a category", maximumSelectionLength: 3 }); $('select#location').select2({ width: '40%', dropdownAutoWidth : true, minimumResultsForSearch: Infinity }); }); </script> 故障或渲染问题(单击链接查看图像) 有人可以帮我解决为什么吗?另外,我的搜索表单位于标题部分文件的导航栏中。 如果我去掉脚本中的 $(...).select ,一切都会正常...我认为 select.js 有问题 在此回复: https://stackoverflow.com/a/41915129/5758027 我在自己的代码中使用了这个解决方案: $(document).on('turbolinks:before-cache', function() { // this approach corrects the select 2 to be duplicated when clicking the back button. $('.select-select2').select2('destroy'); $('.select-search-select2').select2('destroy'); } ); 和观察者: $(document).ready( ready ); //... once document ready $(document).ajaxComplete( ready ); //... once ajax is complete $(document).on('turbolinks:load', ready ); //... once a link is clicked function ready() { $(".select-search-select2").select2({ theme: "bootstrap", language: 'es', allowClear: true }); $(".select-select2").select2({ theme: "bootstrap", language: 'es', minimumResultsForSearch: Infinity, allowClear: true }); }; 总是清除缓存不是会让使用 Turbolink 变得毫无意义吗? 不如这样? $(document).on('turbolinks:before-cache', function(e) { return $('.form-control.select2').each(function() { return $(this).select2('destroy'); }); }); 我无法解决这个渲染问题(仍在等待正确的答案!),但如果有人像我一样遇到类似的问题,请尝试跳出框框思考。这是我的技巧:我在应用程序中添加了一个后退按钮。 获取完整的url路径 # get the previous url def save_previous_page session[:return_to] = request.fullpath end 仅当页面不是主页或搜索页面时才显示后退按钮 <% if session[:return_to] != request.fullpath%> <%= link_to session.delete(:return_to) || request.fullpath, class: 'back-button' do%> <i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <%end%> <% end %> 同时,我仍在等待并尝试解决渲染问题... 解决了问题 只需将此代码添加到您的 .js 文件中 Turbolinks.clearCache(); 这很可能是一些资源不一致,您应该检查您的 app\views\layouts 文件夹中是否有重复声明 wither jQuery、jQuery UJS 或 Turbolinks 的文件。检查页面的所有 <script> 标签,以及是否在 layout 文件夹和内部视图中声明相同的脚本。如果情况并非如此,请检查是否有 render、yield 或 build 呼叫 简单的解决方案,不要在您不希望它运行的东西上运行 select2 构建器。 $("select#category:not(.select2-container):not(.select2-hidden-accessible)").select2(); Rails 7 更新 这里的很多东西在 Rails 7 中都不起作用,尤其是 turbolinks:before-cache 事件。您正在寻找的新事件是 turbo:before-cache 和 turbo:load,所以它看起来像这样: $(document).on("turbo:before-cache", function() { $("#select_id").select2('destroy'); }); $(document).on('turbo:load', function() { $('#select_id').select2(); });


带有 --css bootstrap 的 Rails 7 新应用程序 - Turbo 按钮不起作用

使用 Rails new myapp --css bootstrap 创建新应用程序 Rails 7 时,我的涡轮按钮将不起作用: =button_to“退出”,edit_post_path,方法::删除,形式:{数据:{turbo_confirm:“...


Turbolinks 与 Rails v7+ 兼容吗?

我们正在致力于将 Rails 从 v6.1 升级到 v7.0,我们正在使用 Turbolinks,并且我们知道 Rails 7 现在在 Hotwire 中具有 Turbo。我没有看到 Turbolinks gem 有任何贬值,但仍然很好奇......


是否可以从Rails应用程序中访问DataDog trace_id

我们在 Rails 应用程序中使用 DataDog 的分布式跟踪,并希望写入trace_id(对于控制器#action),以便我们稍后可以访问 Rails 日志中的 url。我怎么能...


当你对javascript进行更改时,rails importmap-rails 中是否有自动编译器? (就像在 webpacker 或 esbuild 中一样)

我有一个新的rails项目,默认情况下有一个导入映射。 为了更新我的更改,我需要每次输入 Rails 资产:预编译 但我知道在 webpacker 中他们会用你的 c 重新编译...


Rails 7:导入 javascript 而不使用 importmap

我阅读了如何将自定义 JS 文件添加到新的 Rails 7 项目,并编写了 Rails 7:如何添加自定义 javascript 函数? 我想现在我已经清楚了。 我不想加载模块。我只是想...


如何在Rails中保存完整的html页面

我正在尝试使用 Rails 4 应用程序将网页保存到磁盘 send_data(render_to_string, :filename => "foo.html"). 文件保存正常,但是缺少 css。 我尝试添加...


Rails 错误:ActionDispatch::Cookies::CookieOverflow

我看到堆栈溢出上有多个关于此主题的帖子,但无法应用它们。 我的应用程序中出现了一个我不明白的 Rails 错误:“ActionDispatch::Cookies::CookieOverflow&qu...


Rails 6 Action 邮箱和 Gmail 集成方法

Rails 6 现在附带了 Action Mailbox。文档和社区没有关于如何集成 SendGrid 等最常见服务之外的各种服务的丰富资源。 假设一个人...


Rails 应用程序中的 Stripe Checkout 和刺激控制器问题

我在 Rails 应用程序中渲染 Stripe Checkout 和连接 Stimulus 控制器时遇到问题。我概述了以下详细信息: Stripe Checkout 组件未渲染...


如何为物理治疗师定义这个 Rails 应用程序的模型关系?

我是 Ruby on Rails 初学者,正在尝试构建我的第一个现实生活中的 Rails 应用程序。 想法如下: 该应用程序显示了练习的概述。每个练习都有一个类别:字符串,身体部位:字符串,


jQuery 验证插件:仅接受字母字符?

我想使用 jQuery 的验证插件来验证只接受字母字符的字段,但似乎没有明确的规则。我搜索过谷歌但我发现没有......


在 Rails 7 应用程序中使用 bootstrap javascript

我有一个正在运行的 Rails 7 应用程序,它使用 esbuild 作为 JS 捆绑器并导入了 bootstrap。 我正在尝试弄清楚如何访问主“外部”的任何 Bootstrap Javascript 功能


在 jQuery 中通过 onclick 属性选择元素

我有这个标记: 我的问题:如何选择第二个链接


Chartkick + Rails 7 (Turbo) + Heroku

我有一个使用 Turbo 的 Rails 7 应用程序。我使用 Chartkick (+ Chart.js) 并在我的页面上放置了一些图表。 在我的本地设置中,一切正常,但部署到 Heroku 后,我遇到了一个奇怪的问题。 当我


Bootstrap 无法与 Rails 正确配合使用

大家好 我使用这个入门模板启动一个新的 Rails 应用程序,当我从 bootstrap 添加一个简单的导航栏时。 它看起来像这样 主要问题是JS不起作用,下拉菜单我...


JQuery run的load方法之后如何运行脚本?

我有一段代码在 Jquery 中进行加载并加载一个页面,加载该页面后我必须执行一些函数,但这些函数是在所有页面加载之前运行的,g...


应用程序定制器和多个Web部件中的jquery和bootstrap

是个人选择使用bootstrap进行定制。因此,我计划在应用程序定制器和多个 Web 部件中使用 jQuery 和 Bootstrap。对此最好的方法是什么?我正在尝试...


带有 JS 模块模式的 Rails 导入映射错误:“net::ERR_ABORTED 404(未找到)”

我正在使用 Importmap for Rails 7 实现 JavaScript 模块模式,并且遇到与在生产环境中加载自定义帮助程序 JS 文件相关的错误。 我的应用程序/javascript 有一个


使用 ruby 3.2 部署的 GCP App Engine Rails 应用程序向 foreman start 添加参数,然后失败

我正在使用 google cloud build 来部署我的 Rails 应用程序。最近我将 ruby 版本升级到了 3.2。我使用 foreman 作为 app.yaml 中的入口点(不带参数)并添加了


获取突出显示/选定的文本

是否可以获取网站段落中突出显示的文本,例如通过使用 jQuery?


防止用户在描述字段中添加任何脚本/jquery/sql 查询

我正在尝试为描述字段添加一些验证,以检查用户是否输入了任何脚本/js/jQuery/SQL 查询代码而不是真正的产品描述。 // 检查是否不允许


简单项目Jquery简单计算器

我目前正在学习和练习我的前端 Web 技能,以使用 Jquery 创建一个简单的 Web 应用程序。我决定制作一个简单的计算器。我可以使用一些带有输入 nu 的函数轻松完成...


是否有一个事件会在 jQuery 中的scrollHeight 或scrollWidth 发生更改时触发?

我正在使用 JQuery 设计一个应用程序,用户可以在 div 内拖动元素,该 div 会自动添加滚动条并根据需要扩展滚动高度/滚动宽度。我需要开火...


Rails 开发环境即使在重新启动服务器后也不会更新 html/css/assets

我一直在rails中开发一个网站,一切都进行得相对顺利。突然我对视图和资产的更改不再显示。我更改样式表或一些 html 并重新加载我的浏览器...


jquery jqxgrid 自动换行

$('#tGrid').jqxGrid( { 主题:“ui-雷蒙德”, 宽度:'100%', 自动高度:真实, 来源:数据适配器, 显示过滤行:真, 可过滤:真实...


Helper 方法不渲染任何列表项

在 Rails 7 中,为什么以下助手不渲染列表项? def 列表(选项) tag.ul(类:“a”)做 options.each 做 |option| tag.li(类:“b”)做 他...


在项目中使用 MasterPage.master 时 ASP.NET 如何加载页面?

Links.aspx 基于 MasterPage.master。 答:MasterPage.master、MasterPage.master.cs、Links.aspx 和 Links.aspx.cs 之间的加载顺序是什么? B: jquery-3 的加载顺序是怎样的....


如何通过Sequel查询返回所有Dataset

Rails 作用域返回 all(ActiveRecord::Relation) 而不是 nil。 这样我就可以在条件为零时使用方法链。 类 MyClass < ApplicationRecord scope :my_filter, ->(条件){ 其中(


Rails 3中ActiveRecord选择一个具有一定长度的字符串字段?

我有一系列帖子,想选择标题大小小于 30 的所有帖子,该怎么做? Posts.where("len(标题) < 30")?


Rails Rspec 测试路由使用的 lib 类包含私有方法

Simplecov 检测到我缺少对 lib/api_verson.rb 类的一些测试: 类 ApiVersion def 初始化(版本) @版本=版本 结尾 def 匹配?(请求)


Ruby on Rails 条件渲染不起作用

这是我的考勤控制器中mark_attendance方法的一部分。该方法在扫描二维码后调用,如果 my_student_course.size > 1,则应显示模式。 `如果讲师


jQuery HTML5 范围滑块中的实时输出

我正在尝试将 HTML5 输入范围滑块的实时输出获取到 JavaScript 变量中。现在,我正在使用 我的方式就是这样


Canvas lms 捆绑执行rails db:initial_setup 错误

我正在尝试在 Debian 上安装 canvas lms,但在名为“数据库填充”的步骤中(这是一个教程:(https://github.com/instruct/canvas-lms/wiki/Quick-Start),当我使用通讯...


在 Ruby On Rails 中出现“堆栈级别太深错误”

当我在index.html.erb中调用vendor.account_owner时,出现堆栈级别太深错误 供应商迁移文件如下所示 创建供应商类 < ActiveRecord::Migration[7.0] def change...


Rubocop 自动更正 FrozenStringLiteralComment 不起作用

我有一个 Rails 6 项目,并尝试使用 RuboCop 的自动更正选项来修复许多 Style/FrozenStringLiteralComment 错误(主要在生成的文件中)。 无论我运行bundl多少次...


在添加新行时刷新 html 可编辑表格 - Bootstable

我使用 boostable 插件在运行时内联编辑 HTML 行。该插件位于 https://www.jqueryscript.net/table/Editable-Tables-jQuery-Bootstrap-Bootstable.html。问题是现在当我想要的时候


悬停图像时的悬停效果

我想制作悬停效果,当悬停图像时,如下所示: 在网上找到了很多类似的例子,但都是用jquery或js。我想知道是否可以做


寻找独立的命令行代码生成器脚本

我正在寻找一个库或命令行脚本,它允许我创建可以从命令行生成的自定义模板。 ruby on Rails 脚手架生成器几乎相同......


如何按名称对@users.person.name进行排序? (Ruby on Rails)

我正在尝试按名称字母顺序对@users进行排序。我该怎么做呢? @用户.person.name 编辑: 我是这样解决这个问题的: @用户.sort! { |a,b| a.person.name <=> b.person.name } 谢谢你...


在Rails中,如果枚举有空格,有没有办法访问其查询快捷方法?

我有一个带有名为“status”的枚举属性的模型。其中一个值(“进行中”)有一个空格。 班级游戏 < ApplicationRecord enum status: [:scheduled, :"in pro...


select2:使单选的高度与多选的高度匹配?

我正在使用令人惊叹的 select2 jquery 插件。我想让单选框的高度与多选框的高度相匹配。 我尝试过各种 CSS 修复,包括: .select2-


如何使用 ssp.class.php 连接两个表

我开始使用 jQuery 的 DataTables Table 插件并遇到了一些问题。我正在使用这里的示例代码。 我的 MySQL 表看起来像这样: 编号 |名称 |父亲 ID father_id 是 va...


导轨 |使用嵌套属性作为多态关联的外部类型?

在Rails中,我想构建我的模型,以便主记录(我们称之为Shipment)有一个详细记录(基本类型:ShipmentDetail),它是多态的,这样数据的结构...


使用 jquery 每隔几秒突出显示列表中的不同单词

我有一个格式为“xxx - yyy - zzz”的单词列表,因此“ - ”是分隔符。我希望做的只是每隔几秒随机增加一个单词的大小......


如何测试控制器实例变量中的属性值?

我正在使用rails 5 和minitest。我想知道如何测试控制器方法的实例变量中的字段值。我意识到如果我想测试变量是否已定义,我...


jquery 滚动到 data-image-id

我无法在包含各种图像的 div 容器上设置 id,但想要创建一个带有指向图库各个部分的跳转链接的导航。 在我的图像上设置的一个元素


如何以可视方式连接到反向代理后面的 MySql?

在 Rails Kamal-Docker 出现之前,我习惯使用 MySql Workbench 从本地计算机连接到远程 MySql 生产数据库。现在我已将数据库放置在远程服务器上


© www.soinside.com 2019 - 2024. All rights reserved.