@Forge0100

Почему не отображаются стили по атрибуту data-* кода html который размещен в JS (JQuery Mobile)?

Код генерирующий HTML-код:

result = function() {
		var list = '',
			block = '',
			result = '';

		// Список вопросов
		for(var i=0;i<data.length;i++) {
			list += '<li><a href="#l-'+ i +'" data-ajax="false">'+ data[i][0] +'</a></li>';
		}

		for(var i=0;i<data.length;i++) {
			block += '<div id="l-'+ i +'" class="ui-body-d tablist-content">'+
		            	'<h1>'+ data[i][0] +'</h1>'+
		            	'<p> Тут текст... </p>'+
		          	'</div>';
		}

		result = 	'<h3>Результат</h3>'+
					'<div data-role="tabs">'+
			          '<ul data-role="listview" data-inset="true" class="tablist-left">'+
			          	list+
			          '</ul>'+
			        	block+
			        '</div>';

		$('#result').html(result);
	}


Вот как должно быть:

d0fd7bd18f234d428882c9b1f926702b.png

Вот как есть:

3d5a300e435241d0bcf2c5dbad55610d.png

Когда я вставляю теги непосредственно в html-страничку то все отображается правильно, а если через js это делаю, то стили не отображаются.

Моё предположение, что проблема связана с data-role="tabs".

Как её можно решить? Заранее спасибо!
  • Вопрос задан
  • 301 просмотр
Решения вопроса 1
igorbelikov
@igorbelikov
Fullstack Developer
После того, как вставили хтмл - на него нужно повтроно прикрепить обработчик/обработать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы