数据绑定和表单提交未触发

发布于 2024-12-28 17:45:20 字数 310 浏览 0 评论 0原文

我有一个场景,我有一个 div 绑定到一个可观察的,

div data-bind=with:foo

在这个 div 中使用 with ,我有表单,

我正在使用 jquery 验证,所以在我的 js 中,我有调用,例如,

$(form).validate({submitHandler...

使用“with”时,submitHandler 不起作用 - 如果我删除“with”语句,表单就可以工作了。

有人遇到过这个问题或者知道解决办法吗?

I have a scenario where I have a div bound to an observable using with

div data-bind=with:foo

inside this div I have form

I'm using jquery validate and so in my js I have call such as

$(form).validate({submitHandler...

The submitHandler does not work while using 'with' - if I remove the 'with' statement, the form works.

Anyone encounter this or know of a fix ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

妞丶爷亲个 2025-01-04 17:45:21

使用 with: foo 相当于执行 template: { if: foo, data: foo }

当您使用匿名模板(未命名,使用子模板)时,绑定所做的第一件事是将元素的子模板保存为干净模板,然后使用该“模板”生成内容。

因此,您可能会先将处理程序添加到元素中,然后再将它们保存为模板。

如果您想使用 with 绑定生成的实际元素,那么您可以选择使用 afterRender 函数。在这种情况下,您可以指定绑定,例如:data-bind="with: { data: foo, afterRender: myFunction }

以下是一些有关使用 afterRender 的文档: http://knockoutjs.com/documentation/template-binding.html#note_3_using_afterrender_afteradd_and_beforeremove

afterRender 函数传入一个元素数组,您可以调用您的连接代码。在那一点上。

Doing with: foo is the equivalent of doing template: { if: foo, data: foo }.

When you are using an anonymous template (not named, uses children), then the first thing that the binding does is save off the children of the element as a clean template and then generates the content using that "template".

So, you are likely adding your handlers to the elements prior to them being saved off as a template.

If you want to work with the actual elements that have been generated by the with binding, then you could choose to use the afterRender function. In this case, you would specify your binding like: data-bind="with: { data: foo, afterRender: myFunction }.

Here are some docs on using afterRender: http://knockoutjs.com/documentation/template-binding.html#note_3_using_afterrender_afteradd_and_beforeremove

The afterRender function passes in an array of elements. You can call your wireup code at that point.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文