2013-07-21 1 views
0

В настоящее время я пытаюсь настроить работу сенсорных событий в приложении, запущенном на Q10. Приложение построено с использованием Webworks, HTML 5, JavaScript и jQuery.BlackBerry 10 - Проблемы с touchstart, touchhend и touchmove

strPendList += '<div id="pendingContainer" class="pendingContainer">'; 
for(var i = 0; i < len; i++) { 
    var pendRefNo = data.result[i].refno; 
    var pendRequester = data.result[i].requestor; 
    var pendDate= data.result[i].date; 
    var pendAmount = data.result[i].amt; 

    strPendList += '<div class="pendClaimDisplay" onmouseover="refHighlight(this)" onmouseout="noRefHighlight(this)" onclick="getQClaimParticulars(\''+pendRefNo+'\')">'; 

    strPendList += '<div class="pendRefLabel">REF NO </div>'; 
    strPendList += '<div class="pendRefValue">: '+pendRefNo+'</div>'; 
    strPendList += '<div class="pendRequesterLabel">REQUESTER : </div>'; 
    strPendList += '<div class="pendRequesterValue maxDisplay">'+pendRequester+'</div>'; 
    strPendList += '<div class="pendDateLabel">DATE </div>'; 
    strPendList += '<div class="pendDateValue">: '+pendDate+'</div>'; 
    strPendList += '<div class="pendAmountLabel">AMOUNT : </div>'; 
    strPendList += '<div class="pendAmountValue">'+pendAmount+'</div>'; 
    strPendList += '</div>';//end of pendClaimDisplay 
} 
strPendList += '</div>';//end of pendingContainer 
$('#content').html(strPendList); 

data.result загружаются с веб-сервисов и будет использоваться для создания listing(pendClaimDisplay). Я попытался добавить эффект выделения, но onmouseover(refHighlight) не работает на устройстве.

Я пытался заменить onmouseover на:

strPendList += '<div class="pendClaimDisplay" ontouchstart="refHighlight(this)" ontouchend="noRefHighlight(this); getQClaimParticulars(\''+pendRefNo+'\')">'; 

Но теперь я не мог прокрутить список, как ontouchend стреляют каждый раз, когда я пытаюсь прокрутки вверх или вниз списка.

Есть ли все-таки исправить это?

Edit:

function refHighlight(that) { 
    $(that).css({'background-color':'#990000'}); 
} 

function noRefHighlight(that) { 
    $(that).css({'background-color':''}); 
} 
+0

Можете ли вы показать код для 'refHighlight' и' noRefHighlight'? Похоже, что вы предотвращаете запуск по умолчанию события – CodingIntrigue

ответ

1

Не 100%, почему ваш код не работает для вас, но одна вещь, которую я нашел полезным при работе с раздражающих вопросов сенсорными было использовать библиотеку под названием Hammer.js

Вот пример приложения, которое я использовал, которое использует его: https://github.com/blackberry/BB10-WebWorks-Samples/tree/master/gestures