Question

我找到了这段代码，我想它会触发一个名为“anAction”的事件，而不是默认的表单动作。但我找不到有关该属性的任何进一步信息。它是有效的HTML还是属于库？

<form id="my_form" action="" data-trigger="anAction">

...</form>

Answer 1

这是一个名为data-*

的全局属性

更多信息： https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes 和 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes

看到这段代码看起来像使用阻止表单使浏览器默认action返回一个函数，而不是使用data-*值来调用somehing，可能是这样的：

$('[data-trigger]').submit(function( ev ){
   ev.preventDefault();

   var myData = $(this).data('trigger'); // anAction
   // now probably it uses that value to perform something...

});

可能是您的案例中的data-trigger被侦听该特定属性的插件使用...

Answer 2

似乎是此套餐的一部分：https://www.npmjs.org/package/trigger

触发表单操作

2 个答案: