javascript - data-role, data-url如何使用?
高洛峰
高洛峰 2017-04-11 09:51:23
0
4
715

<input type="submit" data-role="send_message" data-url='Message/doSend'/>

请问点击此按钮之后的流程是怎样的? 是利用data-role 找到js里面的send_message?
还是直接跳到data-url?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(4)
Peter_Zhu

这与js的具体操作有关吧,一般在标签上添加属性: data-xx=“...” ,在js中通过$(dom).attr('data-xx')获取属性值,实现数据的传递,然后经行后续操作。

大家讲道理

data 是 html5 新添的东西,用来自定义属性。通过 el.dataset[prop] 来访问,如 data-urlel.dataset.url 来访问。

Peter_Zhu

data只是存储数据,不回添加任何额外的操作的。
所以在没有JS的情况下,点击例子中的按钮,就说提交表单。

Peter_Zhu

启动时候加入一个事件绑定

$(function() {
    $('[data-role]').click(function() {
        var fn = $(this).data('role');
        window[fn]();
    });
});
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!