jQuery html() 和换行符

2024-03-16

我使用 jQuery 和 Rails 并有以下代码

$('#related').html("<%= render :partial => "related_items" %>");

我在浏览器中遇到问题,只有当部分中没有换行符时,才会替换 #lated 元素的内容。

这没什么大不了的,我可以将所有内容放在一行上,但这使代码非常难以阅读。

有没有办法避免在 jQuery html() 属性中省略换行符?


这里发生的是之间的代码<% and %>首先由 Rails 进行解释,然后将该解释的输出发送到浏览器。所以发送到浏览器的内容是:

$('#related').html("Some text with a
line break in it");

这不是有效的 javascript,因为 javascript 不允许多行双引号字符串。您需要转义字符串中的换行符,以便将它们打印到浏览器时,结果是有效的 javascript 语句。

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

jQuery html() 和换行符 的相关文章

  • jQuery 悬停时滚动到 div 并返回到第一个元素

    我基本上有一个具有设定尺寸的 div 和overflow hidden 该 div 包含 7 个子 div 但一次只显示一个 我希望当它们各自的链接悬停时能够平滑地垂直滚动 但是 第一部分 div 没有链接 并且是没有悬停链接时的默认部分
  • jQuery:单击外部元素以“关闭”使用toggleClass 出现的菜单

    我已经构建了一些导航 针对移动网络 它使用 jQuery 中的toggleClass 方法来隐藏和显示菜单 单击 MENU 图标 按钮可在菜单 div 上打开和关闭类 active 显示 隐藏 我一直在拼命寻找一种通过单击菜单外部 页面上的
  • Django 将 JSON 数据传递给静态 getJSON/Javascript

    我正在尝试从 models py 中获取数据并将其序列化为views py 中的 JSON 对象 模型 py class Platform models Model platformtype models CharField max len
  • 弹出窗口的动态高度取决于内容,可能吗?

    是否有可能获得一个宽度始终为 400px 的弹出窗口 但根据弹出窗口中的内容动态高度 我已经看到了这个 但不知道如何将其应用到弹出窗口 调整 iframe 的宽度高度以适应其中的内容 https stackoverflow com ques
  • 使用 AJAX 和 JQuery 按设定的时间间隔刷新 Rails 部分

    I have a page in my rails application that looks like 现在 我有另一个用 python 编码的人工智能应用程序 它处理视频 显示在 Rails 应用程序页面的左侧 并使用捕获的车辆及其相
  • 在一个项目中使用多个 Javascript 框架?

    在一个项目中使用多个框架是好是坏 还是不好 因为它会变得混乱 一团糟 并且加载时间可能会更长 100 K 真的很重要吗 或者你应该坚持使用一个 通常最好选择一件事并坚持下去 原因有很多 更少的依赖 降低复杂性 更容易维护 更快的加载时间 不
  • 如何通过 Ruby 中的代理获取带有用户代理和超时的 URL?

    如果我需要通过某些方式获取 URL 我该如何获取 URLproxy 它必须有一个timeout最大 n 秒 和一个用户代理 require nokogiri require net http require rexml document d
  • jquery select 如果 option.value 等于某个值,则标记为选中

    我有一些关于 jquery 选择的问题 就我而言 如果option value等于某物 标记 aselected为了它 在线代码在这里 http jsfiddle net WnEfJ 再次重复代码 它引起了Uncaught TypeErro
  • 锚标记的 onclick 未在 jsfiddle 中执行简单的 jQuery 函数

    我正在关注在线 jQuery 教程 但无法让此标记在 jsfiddle 中工作 div style padding 50px background color 89BC38 text align center display none b
  • 如何在实际作业中引用活动的delayed_job

    我正在研究一个解决方案来显示延迟作业的完成百分比 使用delayed job gem 目前 我的delayed jobs 表的数据库迁移如下所示 class CreateDelayedJobs lt ActiveRecord Migrati
  • 使用 JavaScript 在日期中添加小时和分钟

    我正在根据世界各地的时区构建会议日历 我的问题是如何在 JavaScript 中从用户选择的日期中添加或减去时区 例如 在选择表单上 用户将从表单中选择日期 然后我将获取结果并转换为日期 如下所示 var ldSelectDate new
  • 在画布上绘制多个矩形

    我试图在鼠标移动时在画布上添加多个矩形 但是当我在图像上绘制矩形时 画布上的背面图像也会被清除 我不想删除它 我想要画布上有多个矩形而不清除画布图像 请检查下面的 JavaScript 代码 var canvas document getE
  • 使用 jQuery 清除 IMG

    我正在尝试从 a 中删除加载的图像 img 元素 但清除或删除 src 不会执行此操作 该怎么办 HTML img src https www google com images srpr logo3w png JQUERY img att
  • Rails 的多个数据库不适用于远程数据库

    我有一个远程只读 postgres 数据库 它是通过 docker 实例维护的卡尔达诺数据库同步 https github com input output hk cardano db sync 我设法将开发数据库连接到它 它工作正常 但由
  • 动态速度计 javascript 或 jquery 插件

    我希望有动态ajax插件在页面上显示速度计 一个想法是我设置一个背景并旋转针 有人知道相关插件吗 这里有一些供您参考 http bernii github com gauge js http bernii github com gauge
  • 在网页上的文本框中键入内容时删除所有空格

    我如何在用户打字时即时删除输入到文本框中的空格 function var txt myTextbox var func function txt val txt val replace s g txt keyup func blur fun
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 更改 en.yml 文件中的属性名称不起作用

    我更改了 ruby on Rails 项目中 en yml 文件中的属性名称 按钮工作正常 但字段属性并没有改变 这是我的模型 class Enr AffordableWarmth lt ActiveRecord Base self tab
  • Jquery - 通过在字符串中构建 id 的 id 获取元素

    我在使用 jquery 元素时遇到问题 我正在 var 中构造名称 例如 var myId myGotId myId attr title changed myId 返回空 我想通过 id 获取我的元素 但动态构建我的 Id 连接字符串 编
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch

随机推荐

  • FFMpeg 连续实时图像到视频编码

    我正在尝试使用 FFMpeg 获取图像文件流并将其转换为视频 现在 我已经成功地做到了这一点 但前提是我已经捕获了所有我想要的图像 我想做的是将图像保存到磁盘 实时录像机 时将其转换为视频 目前 当我在仍在抓取帧的情况下调用 FFMpeg
  • 对稀疏矩阵行求和的最快方法

    我有一个大的 csr matrix 1M 1K 我想添加行并获得一个具有相同列数但行数减少的新 csr matrix 其实我的问题和这个完全一样对 scipy sparse csr matrix 中的行求和 https stackoverf
  • WPF:无法设置焦点

    我希望从 PreviewTextInput 处理程序创建一个新控件并将焦点设置到它 但即使在新控件上调用 Focus 后 光标仍然位于旧文本框中 处理程序 UserControl PreviewTextInput 在包含此文本框的 User
  • 什么时候有必要规避 Rust 的借用检查器?

    我正在实施康威的生命游戏来自学 Rust 我们的想法是首先实现单线程版本 尽可能优化它 然后对多线程版本执行相同的操作 我想实现一种替代数据布局 我认为它可能对缓存更友好 这个想法是将板上每个点的两个单元的状态存储在向量中 一个单元用于读取
  • android 远程图像获取问题?

    我正在使用以下代码来显示带有下一个和上一个按钮的远程图像 单击下一个和上一个按钮两到三次 不会显示下一个图像 并且 DisplayLiveImage 的位图为空 任何人都可以检查这是缓冲区问题吗 或连接 ImageView img int
  • 如何在从 postasync http 请求下载数据时将数据加载到 recyclerview 中

    我正在开发一个android需要从我的下载数据 产品详细信息 图像 的应用程序server using httpclient问题是我需要等到所有数据下载完毕 我需要显示已经存在的数据downloaded而其他的还在继续downloading
  • 阴性检测前10名名单

    我进行了搜索 发现几乎没有关于负面测试的信息 这也是开发人员在工作中应该记住的非常重要的事情 为负面测试开发人员协作记住的前 10 个测试用例列表怎么样 Thanks 阴性测试的定义 在软件测试中 旨在确定系统在定义之外的响应的测试 它旨在
  • salt-stack highstate - 查找慢状态

    运行初始安装大约需要 20 分钟 运行salt call state highstate大约需要6分钟 这并非不合理 但我想加快速度 但我不知道如何找到最慢的状态 除了用秒表观看屏幕 6 分钟之外 还有什么方法可以找到每个状态运行需要多长时
  • ffmpeg 将一系列图像转换为视频 - 在每两帧之间使用交叉淡入淡出或任何其他过渡

    我目前可以将一系列图像转换为视频 但我还需要在它们之间添加过渡 动画 String ffmpegCommand data data mypackage app bin ffmpeg y qscale 1 r framerate i data
  • Python pandas,多行绘图选项

    我想从 pandas 数据框中绘制多条线 并为每条线设置不同的选项 我想做类似的事情 testdataframe pd DataFrame np arange 12 reshape 4 3 testdataframe plot style
  • Fresh Rails 4 应用程序无法识别“rails”命令,坚持要求我使用“rails new”

    我已经成功提交了新申请rails new来自 Rails master 分支克隆的命令 该应用程序看起来不错 并且绝对是 Rails 4 但是当我尝试运行任何其他应用程序时rails命令 提示符给我 Usage rails new APP
  • 如何从字符串中去除 HTML 标签、CSS?

    我有字符串如 p p p align left class western p
  • 如何将linkedin api集成到Android应用程序中

    如何将 linkedin api 集成到我的应用程序中 None
  • badref 是什么意思?

    IR线是什么意思 define i32
  • 加载时时区返回 Uncaught TypeError 的时刻

    我正在努力将 Moment Timezone 实现到 Django 应用程序中 以便纠正从不同时区访问它的用户 并且在通过 Require js 导入文件时遇到错误 moment js moment timezone js 和 moment
  • 如何在 coinbase api 中导入转换?

    目前 Coinbase 支持所谓的 转换 允许从一种货币转换为另一种货币 例如 您可以将部分 BTC 转换为 XRP 在 CSV 中 它们在备注字段中返回买入和卖出金额 笔记 将 0 27235696 BTC 转换为 3 731 32313
  • HTML 名称标签

    是否可以使用标签for元素的属性name代替id 我们的应用程序存在一个错误 两个复选框具有相同的 id 单击一个复选框的标签会检查另一个复选框 由于 HTML 生成逻辑丑陋且复杂 更改 id 会很痛苦 但是 这两个复选框都有唯一的名称属性
  • javascript 中的 Math.random 如何实现随机性?

    javascript 中的 Math random 如何实现随机性 我做了一个可以从大约 50 个不同选项中随机选择的东西 我想知道使用 Math random 来获得随机性应该有多舒服 从规格来看 随机的 返回一个正数数值 符号 大于或等
  • 在容器中心添加面板

    我有一个JPanel这是一个BorderLayout我在顶部和容器中设置了一个新面板 JDesktopPane 位于中心 另一个面板位于底部 现在我想在容器中心动态设置面板 卡片布局 因为我在下面显示层次结构 top gt panel pa
  • jQuery html() 和换行符

    我使用 jQuery 和 Rails 并有以下代码 related html 我在浏览器中遇到问题 只有当部分中没有换行符时 才会替换 lated 元素的内容 这没什么大不了的 我可以将所有内容放在一行上 但这使代码非常难以阅读 有没有办法