Question

我正在寻找x-editable，你有两个选择

选项1

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>

选项2

<a href="#" id="username">superuser</a>
    $('#username').editable({
    type: 'text',
    pk: 1,
    url: '/post',
    title: 'Enter username'
    });

我想这通常会导致一个问题而不只是x-editable，哪里设置东西更好？在html中它是更好的还是在javascript中更好。

我有点想，如果你在javascript中做到这一点你可以有一些像变量一样的常量（即如果你使用模块模式）那么在理论上那么你可以使用它来在哪里你需要那个链接和如果你需要偶然的话，你只能在一个地方偶然发现，如果你做了数据＆＃34;你可能不得不开始寻找和替换。

对于Id，虽然它可能更好，因为＆＃34;数据＆＃34;那么你可以通过服务器端变量（在我的案例中为Asp.net MVC）填写页面加载

在这种情况下我不确定x-editable是否可以混合搭配。

Answer 1

data-*方法更好，特别是如果您有来自服务器的数据。你不会想搞乱你的JS，因为有些服务器端语言是随之写的。

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>

对于脚本，您可以使用data-*收集所有.data()：

var username = $('#username');
var data = username.data();  // {type: 'text',pk: 1,url: '/post',title: 'Enter username'}
var username.editable(data);

使用数据或放入Javascript？

1 个答案: