我在不同的页面中有相同的表单。在那里我有隐藏的字段,价值来自脚本,在表单提交。我点击提交按钮上的脚本,所有提交按钮ID在不同的页面中是不同的。如何为所有页面重用相同的脚本?
$('#submit').click(function (e) {
// place content into form hidden field.
// I need this code to be reused.
}
});
如果按钮跨越多个页面,则听起来像脚本应该在asset pipeline中。
阅读,但通常这意味着您的脚本将位于app/assets/javascripts
下的javascript文件中,此代码将可供视图使用。
因此,如果您在id为submit
的不同视图中有按钮,则此代码将全部应用于它们。
考虑将选择器更改为前缀为js-
(即js-submit
)的类以阐明目标。这将进一步减少一些痛苦。
看看这个,看看你怎么样 - 任何问题,让我知道。
使用ID作为选择器在很多方面都是反模式,因为它导致编写“特定于页面”的javascript导致重复,因为最终你需要增强多个页面甚至同一页面上的多个元素的行为。
更好的方法是使用类作为选择器,并将您的javascript视为增强特定元素行为的模块。
一些让你的JS减少的关键技术:
app/assets/javascripts
中。.on
委托处理程序代替非强制处理程序,例如.click
等。如果您希望JS与Turbolinks一起正常工作,这一点至关重要。