2014-02-16 58 views
0

我發現了這段代碼,我想它會觸發一個名爲「anAction」的事件,而不是默認的表單動作。但我無法找到有關該屬性的更多信息。它是有效的HTML還是屬於一個庫?觸發表單動作

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

...</form> 
+2

這只是一個data- *屬性,一些類似bootstrap的庫會檢測某些data- *屬性來自動執行一些javascript函數。 –

+0

'data- *'是存儲自定義數據屬性的HTML屬性命名標準。請參閱指南[HTML數據 - *屬性](http://www.w3schools.com/tags/att_global_data.asp) – shawnzhu

回答

2

這是一個全局屬性稱爲data-*

更多的信息在這裏: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributeshttps://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所使用的偵聽特定屬性的插件...

1

好像是這個包的一部分:https://www.npmjs.org/package/trigger

+2

看起來像我是錯誤的 - 它似乎是一個通用標記,可以被許多人使用圖書館,而不僅僅是我所鏈接的那個。 –