我想写一个简单的jQuery插件,在指定的元素下显示内联模式.我的想法是让脚本根据元素上指定的数据属性进行自动初始化.
一个非常基本的例子:
<p data-modal-target>Hover over me for an inline modal!</p>
<div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div>
我只是想知道data-modal-target在上面的例子中是否有效,或者它是否必须data-modal-target="true"？我不关心比IE9等更糟糕的东西,我唯一的要求是它是有效的HTML5.
您可以将data-*属性用作布尔属性吗？如果没有，是否有替代方案？
例如，你可以有
<input disabled>
在某些情况下，拥有
<input data-on>
使用data-on="true"ordata-on=""不可取——属性的存在应该表明它的布尔值。