mythmaker 25 дек 2010 в 22:15

Пара плагинов для jQuery Mobile

3 мин

2.9K

jQuery *

+15

Комментарии 28

CrashMax 25 дек 2010 в 23:24

На моем iPhone 3G все очень жутко тормозит.

vittore 26 дек 2010 в 03:25

такая же фигня, правда с 4.1 на нем вообще все жутко тормозит

mythmaker 26 дек 2010 в 06:25

Тормозит при загрузке или сами компоненты?

Hint 26 дек 2010 в 09:29

Сами компоненты.

marcus 26 дек 2010 в 15:13

И будет тормозить: под айдевайсы нужен принципиально другой подход к анимации, через аппаратное ускорение. Все никак карму не выбью, чтоб написать об этом.

marcus 26 дек 2010 в 18:38

Собственно, написал. Надеюсь будет полезно.

AYShestakov 26 дек 2010 в 02:49

то ли надо новый блог jquery mobile — то ли это можно перенести в просто jquery/
А так спасибо. Направление сверхактуальное.

inlanger 26 дек 2010 в 07:10

На android(Legend, 2.2) слайдер прокручивается, но не так плавно как на PC, а вторая штука похоже что вообще не работает, потому что страница жутко тормозит и я тыкал-тыкал пальцами в экран, пытался что-то куда-то перетащить, особо ничего не получилось.

AlexKR 26 дек 2010 в 09:51

там нужно не тыкать, а страницу просто протянуть вверх и тогда она подгрузится.

ITdirector 26 дек 2010 в 11:53

Не всегда очевидно. Т.е. плагин, несомненно полезный, но его надо развивать в плане юзабилити. Например снизу выводить специальный тапабельный (кликабельный) элемент, который вызывает подгрузку. Кстати, напишите, где вставлять запрос данных

mythmaker 26 дек 2010 в 11:57

В функции onloadfinish
Я сделал это так

var onloadfinish = function(){				
	$.ajax({					
		url : "http://search.twitter.com/search.json?q="+tsearch+"&rpp=10&page="+pages+"&callback=?",
		dataType : "json",
		timeout:15000,
		success : function(data){
			var list="";
			$(data.results).each(function(){
				list+="<li role='option' tabindex='0' data-theme='a' class='ui-btn ui-li ui-btn-up-a'><img src='"+this.profile_image_url+"'> <div class='text'>@"+this.from_user+" "+this.text+"</div></li>";
			});
			$("#long-list li:last-child").removeClass("ui-corner-bottom");										
			$('#loader').remove();
			$("#long-list").html($("#long-list").html()+list);
			$("#long-list li:last-child").attr("tabindex","-1");
			$("#long-list li:last-child").addClass("ui-corner-bottom");		
			twttr.anywhere(function (T) {
				T("#long-list").linkifyUsers();
			});						
		}
	});				
}

За комментарий по юзабилити спасибо, обязательно подумаю на эту тему.

nano_freelancer 26 дек 2010 в 12:44

автор, прооптимизируйся же! вместо:

$("#long-list li:last-child").removeClass("ui-corner-bottom");										
$("#long-list li:last-child").attr("tabindex","-1");
$("#long-list li:last-child").addClass("ui-corner-bottom");

надо бы:

$("#long-list li:last-child").removeClass("ui-corner-bottom").attr("tabindex","-1").addClass("ui-corner-bottom");

да и поменьше dom вообще дёргай
прозреваю, что парсить json можно быстрее обычным нативным for … in, а не джикверевским $.each

ITdirector 26 дек 2010 в 13:00

а почему onloadfinish, А не onloadmove?

nofamous 26 дек 2010 в 09:42

При клике на «Елки» выдает все твиты про елки. При этом нереально найти хоть один твит непосредственно о фильме.

mythmaker 26 дек 2010 в 09:45

Это, кстати, одна из задача, которую буду решать — фильтрация твитов, не связанных с кино. Пока думаю над алгоритмом, несколько вариантов уже есть — это поиск слова в кавычках, поиск слов «кино», «посмотрел» и проч. в этом твите и так далее.

1nd1go 26 дек 2010 в 09:50

у вас сервер возвращает ответ с content-type, похоже, первым из посланных в заголовке Accept-Charset, что в моем случае Win-1251, а сам контент у вас в UTF-8, что приводит к козявкам на странице.

mythmaker 26 дек 2010 в 11:40

Поправил.

stanly 26 дек 2010 в 10:45

andrebrov.net/dev/loadup-list/
Тестировал на HTC Desire, Android 2.2

Список при прокрутке вниз возвращается на первую позицию, т.е. создаётся впечатление «повторного рендеринга», а не динамической подгрузки.

Очень хотелось бы исправления :)

mythmaker 26 дек 2010 в 11:22

Похоже что не срабатывает window.scrollTo. Буду разбираться.

eRaider 26 дек 2010 в 11:16

А на каких браузерах это работает?

mythmaker 26 дек 2010 в 11:20

LoadUp list работает на iPhone 3G 4.0.1. Карусель тестил на нем же, кроме того работает в Хроме/Сафари, и сказали что работает на Android на Hauwei U8000. Сам сервис работает в Хроме, Сафари, ФФ 3.6, Опера 11.