json2htmled jQuery мобильная кнопка внутри таблицы td выглядит старой, имеет старую кнопку внутри новой после button()/refresh

Question

Я использую это преобразование для создания мобильной кнопки jQuery внутри обычной таблицы 'td':

{
    "tag":"button",
    "type":"button",
    "id":"${idPrefix}-delete",
    "data-role":"button",
    "data-mini":"true",
    "data-icon":"delete",
    "html":"Delete"
}

но он отображается как старая кнопка HTML.

После того, как я вручную обновляю кнопку, она выглядит как мобильная кнопка со значком, но старая кнопка "минимизирована" внутри нее.

Как это можно исправить?

---

отсутствует ::before ?

Я только что сравнил ее с нормально выглядящей мобильной кнопкой, а проблемная кнопка отсутствует ::before прямо перед <button> тег.

---

Я удалил все мобильные атрибуты и попытался позвонить button() позже тот же результат.

Answer 1

Чтобы ускорить инициализацию веб-приложения и повысить производительность jQM, команда jQM решила отказаться .buttonMarkup() виджет и заменить его классами.

Больше нет data-role=button, data-mini=trueи т. д. Все они заменяются классами следующим образом.

Чтобы преобразовать кнопку или якорь в кнопку jQM, просто добавьте ui-btn учебный класс. Добавить иконку с позицией ui-btn-icon-left, right, top, bottom, Изображение иконы ui-icon-bars, delete, infoи т. д. Мини-кнопка / якорь ui-mini, Тема кнопки ui-btn-a или же b,

<button class="ui-btn ui-mini ui-btn-icon-right ui-icon-delete">Button</button>

демонстрация