jquery mobile css не применяется к ajax (getJson) вернул результат - PullRequest
Новая
       44

jquery mobile css не применяется к ajax (getJson) вернул результат

0 голосов
/ 06 марта 2012

Я использую $.getJSON для извлечения данных со стороны сервера, чтобы заполнить данные в моем мобильном приложении jquery.У меня проблема в том, что результат, который я получаю, содержит HTML-теги.Когда я добавляю эти данные в div в приложении, теги HTML сохраняются в том виде, в каком они есть. Выглядит вот так 

var menDet;
menDet="<ul><li>Offer
<ul>"+data+"</ul></li><ul>";

//data contains a <p> tag from the server side fetched data

$("#menu").html($(menDet));
$("#menu").listview("refresh");

Из окна элемента Inspect я только что заметил, что значение данных заключено в кавычки иэто препятствует применению HTML-кода к тегам HTML в кавычках!

Есть идеи, как их добавить, не заключая их в кавычки?

Ответы [ 2 ]

0 голосов
/ 06 марта 2012

Если вы получаете данные с сервера в правильном формате, необходимом для добавления, вы можете использовать 

$("#yourlistview").listview('refresh'); or 

$("#yourlistview").listview('refresh', true);

Проверьте следующую ссылку

JQM (jQueryMobile) проблема с просмотром списка содержимого AJAX («обновление») не работает

0 голосов
/ 06 марта 2012

Вы можете заключить строку в $() и получить объект jQuery, который создает все элементы HTML.

Пример

Вы можете проверить его здесь с помощьюjsFiddle.

HTML 

<html>
    <div id="foo">
    </div>
</html>​

Javascript 

var s = '<span><b>Hello</b> World</span>';
$('#foo').append($(s));

Результат 

<html>
    <div id="foo">
        <span>
            <b>Hello</b> World
        </span>
    </div>
</html>
...