在 Backbone 渲染方法中调用 jQuery 插件

2024-03-22

我在 Backbone 中有一个渲染方法,基本上是这样的:

render: function () {
  $.tmpl(this.template, attrs).appendTo(this.el);
  return this;
},

这是从路由器操作中调用的:

action: function () {
  $('#container').empty();
  $('#container').append(myView.render().el);
},

现在,我想应用一个插件label该视图内的元素。我的第一个想法是调用里面的插件render:

render: function () {
  $.tmpl(this.template, attrs).appendTo(this.el);
  this.$('label').inFieldLabels();
  return this;
},

但这不起作用(我假设这是因为该元素尚未添加到 DOM 中)。它does如果我在路由器操作中调用插件,则可以工作:

action: function () {
  $('#container').empty();
  $('#container').append(myView.render().el);
  myView.$('label').inFieldLabels();
},

我不想这样做,因为插件是视图的一部分,而不是路由器的一部分,所以在操作中调用它是没有意义的。有一个更好的方法吗?


最好这样做:

action: function () {
    var container = $('#container');

    container.empty();
    myView.render(container);
},

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

在 Backbone 渲染方法中调用 jQuery 插件 的相关文章

  • 使用 getJSON 未显示 JSON 数据

    document ready function getJSON news php parseInfo function parseInfo data alert data news undefined info html data news
  • 在 WooCommerce 3.3 中使用 Google Map API 计算结帐距离

    我已经发布几个月前有类似的问题 https stackoverflow com questions 46348735 calculated distance shipping cart fee via google api in wooco
  • jQuery DataTables 如何应用于 MVC4 中的 AJAX 渲染部分视图?

    我有一个片面的看法 model List
  • SlideUp() 在 jQuery 中如何工作?我正在尝试制作自己的slideRight()

    我看过jquery 中幻灯片的源代码 https github com jquery jquery blob master src effects js Generate shortcuts for custom animations jQ
  • 活动/非活动 Jquery 导航菜单

    我不熟悉 javascript 所以如果有人可以帮助我 我将非常感激 我有一个像这样的简单列表 ul li Menu 1 li li Menu 2 li li Menu 3 li ul 当用户单击菜单元素时 我想添加一个类 menu act
  • HTML 页面中多个 $(document).ready() 有何副作用(如果有)?

    我正在使用一个 Web 应用程序框架 Symfony 1 3 6 它遵循 MVC 模式 视图层由模板装饰器组成 模板文件还可能包含其他模板 这就是引起我的问 题的原因 假设有一个页面 我们称之为 主页 它由多个模板组成 代码已被重构 因此
  • Popper.js:点击外部时如何关闭弹出窗口

    我在用着波普尔 js https popper js org 显示具有该类的弹出元素 js share cf popover单击带有类的元素时 js share cf btn 但我希望只有当我在弹出窗口之外单击时才关闭弹出窗口 这是我显示弹
  • Dialog中的事件和UI参数是什么

    jQuery 对话框中的事件和 UI 参数是什么 我可以使用它们获取鼠标位置吗 selector dialog open function event ui The event参数是DOM 事件对象 http www w3schools c
  • 获取动态图像的宽度和高度

    我有一个img嵌入隐藏标签内div 当用户单击具有图像名称的动态超链接时 图像必须显示在模式窗口中 为了将 div 定位在模态窗口内 需要图像高度 但是当点击超链接后 src被分配 高度为0 所以图像不能在中间对齐 请帮助我在浏览器中显示图
  • 超时 jQuery 效果

    我试图让一个元素淡入 然后在 5000 毫秒内再次淡出 我知道我可以做类似的事情 setTimeout function notice fadeOut 5000 但这只会控制淡出 我会在回调中添加上述内容吗 Update 从 jQuery
  • 目前最好的 Javascript 模板引擎是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • CSS 比例和方形中心裁剪图像

    所以我的应用程序中有一个缩略图集合 其大小为200x200 有时原始图像没有这个比例 所以我计划将此图像裁剪为正方形 目前它只是拉伸图像以适合缩略图 所以说我的原始图像大小是400x800 那么图像看起来就很压扁 我想裁剪此图像 以便它查看
  • 仅当现有填充颜色为特定值时才填充 SVG

    我正在使用此代码来更改 SVG 对象的填充颜色 它可以工作 function g mouseenter function path rect circle this attr fill 00C8C8 但是 我只想在现有填充颜色具有特定值时更
  • 如何使用 JQuery 隐藏和显示 HTML 元素?

    如何使用 JQuery 隐藏和显示 HTML 元素而不产生任何特殊效果 使用hide http docs jquery com Effects hide and show http docs jquery com Effects show方
  • ajax 调用成功后点击链接 href

    我有一个正常的链接 a href http www google com class continue Continue a 我已将点击绑定到一个事件来发布 ajax 请求 如下所示 continue click function ajax
  • jquery ajax 发送到 MVC 控制器时不断收到 400(错误请求)

    我的 ajax 调用看起来像这样 ajax actually approve or reject the promotion url url type POST data data PromotionId data UserId data
  • addAttr 在 jquery 中不起作用?

    我有一个示例代码
  • 如何消除 jQuery Mobile 中的悬停延迟?

    我正在使用 jQuery Mobile 制作一个网站 当我将鼠标悬停在按钮上时 它会更改其类 并扩展其颜色 但感觉需要半秒左右才能完成 有没有办法减少这种延迟 您可以覆盖hoverDelay无需修改 jQuery Mobile js 库 要
  • jQuery clone() 复制数据...有时...?

    使用下面的示例 我有一个tr我正在复制 它包含一个 jQueryautocomplete 第一次克隆时 自动完成功能不起作用 因为附加的data items 一片空白 第二次单击 添加 按钮时 自动完成功能将起作用 此后 再次单击 添加 会
  • 响应覆盖 div 下的链接

    场景是这样的 我已经构建了一个顶部导航原型 它需要在其顶部有一个覆盖 透明 PNG 图像 目前它覆盖了大约 1 3 的链接 请看下面 有什么方法可以让前 1 3 的链接做出响应 即使有一个 div div 部分覆盖它们 覆盖层不会包含任何可

随机推荐

  • 声明可变大小的数组而不使用动态内存分配

    我想在函数中分配可变大小的二维数组而不使用 new 运算符 以便该二维数组可用于同一文件中的其他函数 void draw int i size i void assign char symbol char one size size Ass
  • jQuery - 仅从元素获取第一个类

    该元素如下所示 li class blah active li jQuery attr class 将返回两个类 我怎样才能用 jQuery 只获得第一类 在本例中为 blah 你需要split http www w3schools com
  • 如何获取Java资源的最后修改时间?

    有人可以告诉我一种可靠的方法来获取 Java 资源的最后修改时间吗 资源可以是文件或 JAR 中的条目 如果 资源 意味着可以通过 Class getResource 或 ClassLoader getResource 访问的内容 则可以通
  • git stash pop 之后撤消 git reset --hard

    我尝试使用以下方法恢复存储中的一些更改git stash pop 存在一些合并冲突 我决定重置它 而不是解决它们 不幸的是 在一个愚蠢的时刻 我做了一个git reset hard 现在所有以前隐藏的更改都消失了 有什么办法可以恢复这些变化
  • 如何增加 kubernetes 容器的 shm 大小(--shm-size 相当于 docker)

    默认情况下 如果未指定 docker 使用 64m 的 shm 大小 但可以在 docker 中使用 shm size 256m 增加该大小 我应该如何增加 kubernetes 容器的 shm 大小或在 kubernetes 中使用 do
  • 将 SparkSession.sql() 与 JDBC 结合使用

    问题 我想使用 JDBC 连接来使用 Spark 发出自定义请求 此查询的目标是优化工作人员的内存分配 因为我无法使用 ss read format jdbc option url jdbc postgresql dbserver opti
  • 在 Grunt 中使用全局变量设置构建输出路径

    我有几个繁重的任务 我试图在这些任务之间共享全局变量 但我遇到了问题 我编写了一些自定义任务 它们根据构建类型设置正确的输出路径 这似乎是正确的设置 Set Mode local or build grunt registerTask se
  • 使用正则表达式设置任何字符的最小/最大字符数

    我正在尝试编写一个正则表达式 用于文本框来验证其内容是否在 1 到 35 之间 文本框中的字符可以是任何内容 数字 字母 标点符号 空格等 到目前为止 这是我所拥有的 0 9a zA Z s 1 35 正如你所看到的 我必须列出所有角色 有
  • 使用 TfidfVectorizer scikit-learn 的自定义词汇表时出现问题

    我尝试在 scikit learn 中使用自定义词汇来执行一些聚类任务 但得到了非常奇怪的结果 当不使用自定义词汇表时 程序运行正常 我对集群创建感到满意 不过 我已经确定了一组我想用作自定义词汇表的单词 大约 24 000 个 这些单词存
  • 在不同数据类型之间交替

    我正在尝试解决这个问题 但这真的让我很烦恼 我有一个函数可以将数组或向量转换为复数向量 但是 我不知道该函数如何能够接受双精度数组和双精度向量 我尝试过使用模板 但是 这似乎不起作用 template template
  • 使用 intel pintool 记录所有指令

    我写了这个pintool include pin H include
  • VS2008调试器挂起

    我正在使用带有 SP1 的 Visual Studio 2008 Team System 并且我注意到每当我停止调试应用程序时 IDE 都会挂起几 10 15 秒 这很烦人 起初我以为这只发生在 WPF 应用程序中 但我也观察到了 Wind
  • Android TextView 文本不会居中

    我正在尝试进行 PIN 输入活动 但有一点不太适合我 我无法将文本置于屏幕截图顶部 TextView 的中心 它的工作方式是当用户输入 PIN 时 我将在每个 TextView 中放置一个星号以获取可见的反馈 问题是 我希望星星居中 我尝试
  • Eclipse + Ubuntu 箭头键和退格键不起作用

    我正在使用 Ubuntu 12 10 和 Eclipse Juno 这种情况经常发生 箭头键和退格键在编辑器中停止工作 解决该问题的唯一方法是重新启动计算机 重新启动 Eclipse 没有帮助 有人遇到过这个问题或者知道解决方案吗 谢谢 更
  • 生成签名 apk 任务 app:packageRelease 时出错

    错误 任务 app packageRelease 的配置出现问题 为属性 resourceFile 指定的文件 Volumes Data Android apps NammaKarnataka master app build interm
  • 使用 SessionLoginSample 时特定帐户的 OAuthException 代码 #2

    我们遇到了一个非常奇怪的情况 其中特定的 Facebook 帐户在成功登录后对 https graph facebook com me friends access token XXX 的请求失败 在我们的应用程序中发现这种情况后 我验证了
  • 根据您的最低稳定性设置,该软件包没有足够稳定的版本

    我不太明白 Composer 如何在最低稳定性设置下工作 我有两个包裹 比方说 PackageA and PackageB The composer json文件的PackageA看起来像这样 name vendor packagea mi
  • INNER JOIN 能否提供比 EXISTS 更好的性能

    我一直在研究如何改进一系列过程的性能 最近一位同事提到 他在使用 INNER JOIN 代替 EXISTS 时取得了显着的性能改进 作为调查原因的一部分 我想我会在这里问这个问题 So INNER JOIN 能否提供比 EXISTS 更好的
  • python urllib2文件发送问题

    我想通过 python 将文件发布到服务器 为此我需要将此文件命名为 xmlfile 以便服务器识别输入 import urllib2 url http somedomain to send open test xml read data
  • 在 Backbone 渲染方法中调用 jQuery 插件

    我在 Backbone 中有一个渲染方法 基本上是这样的 render function tmpl this template attrs appendTo this el return this 这是从路由器操作中调用的 action f