2013-07-21 2 views
0

현재 Q10에서 실행중인 앱에서 touch 이벤트가 작동하려고합니다. 이 앱은 Webworks, HTML 5, JavaScript 및 jQuery를 사용하여 제작되었습니다. BlackBerry 10 - touchstart, touchend 및 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으로 목록을 아래로 스크롤 할 수 없었다.

해결 방법이 있습니까?

편집 :

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

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

'refHighlight' 및'noRefHighlight'에 대한 코드를 표시 할 수 있습니까? 기본 이벤트가 트리거되지 않도록하는 것처럼 들립니다. – CodingIntrigue

답변