Question

我想用x-editable for bootstrap来更改（例如）存储在链接数据字段中的twitter用户名。该链接不包含文字，只包含图片：

<span class="socialicon">
  <a href="#" id="si_twitter" data-si-url="https://twitter.com/%USER%" data-si-user="dasaweb">
    <img src="https://pbs.twimg.com/profile_images/555402380594786304/3trx0uRj_200x200.jpeg" title="Twitter" />
  </a>
</span>

这是我使用的javascript：

$('a[id^="si_"]').each(function(){$(this).editable({
    type: 'text',
    pk: 1,
    url: '#',
    placement: 'bottom',
    title: $(this).find('img').attr('title'),
    placeholder: 'Username',
    defaultValue: $(this).data('si-user'),
    tpl: '<span>' + $(this).data('si-url').split('%USER%')[0] + '</span><input type="text"></input><span>' + $(this).data('si-url').split('%USER%')[1] + '</span>'            
})});

我已经尝试了很多，但没有更多的想法...这里是问题的简短JSFIDDLE：http://jsfiddle.net/dasaweb/kczoj1un/如果有人知道我如何编辑数据会很棒字段（或图像的标题属性，或......）

使用x-editable更改图像属性

0 个答案: