[英]X-editable field issue with a single quote
使用bootstrap 3,我尝试在x-editable select字段中显示单引号作为可能的选择之一。
<a href="#" class="editable"
data-type='select'
data-value="[{value:'1',text:'I'm happy'},{value:'2',text:'or sad'}]">
Select me
</a>
在这个例子中,我试图改变节目“我很高兴”作为选择之一。 我通过data-value属性在JSON字符串中提供数据。
使用此函数调用使该链接可编辑(X-editable JS lib):
$('.editable').editable({
mode: 'popup',
type: 'text',
success: function(response) {
}
});
单击“选择我”链接,您将看到X-editable中的红色错误:“加载列表时出错”。 (可能是因为我的报价打破了JSON结构)。
这是我在JSFiddle的问题!
任何解决此问题的建议都是值得欢迎的。 谢谢。
您使用的属性不正确,应该是这样的:
<div style="margin: 150px">
<a href="#" class="editable" data-type='select' data-value="1" data-source="[{value:'1',text:'I\'m happy'},{value:'2',text:'or sad'}]">Select me</a>
</div>
来自文档 :
值 :初始值。 应该为select类型定义以存储所显示文本的id。
source :select元素中的数据源。 如果字符串 - 被认为是ajax加载项目的URL。 否则应该是json。
用反斜杠来逃避你的引用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.