X-редактируемое поле с одинарной кавычкой

С помощью начальной загрузки 3 я пытаюсь сделать одиночную кавычку в поле выбора, редактируемом для x, как один из возможных вариантов.

<a href="#" class="editable" 
            data-type='select'
            data-value="[{value:'1',text:'I'm happy'},{value:'2',text:'or sad'}]">
  Select  me
</a>

В этом примере я пытаюсь изменить шоу «Я счастлив» в качестве одного из вариантов. Я даю данные в строке JSON через атрибут data-value.

Эта ссылка становится редактируемой (X-редактируемая JS-библиотека) с помощью этого вызова функции:

$('.editable').editable({   
    mode: 'popup',
    type: 'text',
    success: function(response) {
    }
 });

Нажмите на ссылку «Выберите меня», и вы увидите ошибку красного цвета из X-editable: «Ошибка при загрузке списка». (вероятно, потому что моя цитата нарушает структуру JSON).

Вот моя проблема в JSFiddle!

Любое предложение исправить это приветствуется. Спасибо.


javascript json twitter-bootstrap-3 x-editable
person Bruno Martins    schedule 08.08.2014    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Вы используете неправильный атрибут для источника, должно быть так:

<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>

Из документации:

значение: начальное значение. Должен быть определен для типа выбора для хранения идентификатора отображаемого текста.
источник: источник данных в выбранном элементе. Если строка - считается URL для ajax для загрузки элементов. В противном случае должен быть json.

И экранируйте свою цитату обратной косой чертой.

person Ilya Luzyanin    schedule 08.08.2014