相关疑难解决方法(0)

将数据与jQuery的DOM元素相关联

在以前的生活中,我可能做过这样的事情:

<a href="#" onclick="f(311);return false;">Click</a><br/>
<a href="#" onclick="f(412);return false;">Click</a><br/>
<a href="#" onclick="f(583);return false;">Click</a><br/>
<a href="#" onclick="f(624);return false;">Click</a><br/>
Run Code Online (Sandbox Code Playgroud)

现在使用jQuery,我可能会这样做:

<a class="clicker" alt="311">Click</a><br/>
<a class="clicker" alt="412">Click</a><br/>
<a class="clicker" alt="583">Click</a><br/>
<a class="clicker" alt="624">Click</a><br/>

<script language="javascript" type="text/javascript">
    $(".clicker").bind("click", function(e) {
        e.preventDefault();
        f($(this).attr("alt"));
    });
</script>
Run Code Online (Sandbox Code Playgroud)

除了使用alt属性将数据从DOM传递给jQuery感觉就像一个黑客,因为这不是它的预期目的.这里存储/隐藏DOM中的数据以供jQuery访问的最佳实践是什么?

jquery unobtrusive-javascript

5
推荐指数
1
解决办法
3224
查看次数

标签 统计

jquery ×1

unobtrusive-javascript ×1