Eu estou a desenvolver a aplicação em windows, mas depois através do phonegap vou passa-la para uma aplicação ios, que utiliza o plugin IScroll para percorrer a minha lista.
Problema:
Em cada li
tenho uma div
que tem o evento onClick
, para que quando essa li
for clickada eu chamar uma função. E isto funciona muito bem no google chrome que é onde ando a testar. Mas quando passo para o ipad, este evento é completamente desprezado
Já estive à procura de soluções para este problema, mas todas as alterações que tenho feito (adicionar o CSS cursor:pointer
, por exemplo), não me têm ajudado a ultrapassa-lo.
JavaScript
createList: function(p_id)
{
var lv_linhaDoc = '<li id="lis_' + p_id + '" class="listItem">' +
'<div class = "alinhar1" onClick="lis.Click(' + p_id + ', false)">' +
'<div class="ui-grid-a" style="font-size: large">' +
'<div class="ui-block-a"><p class="header" style="font-size: medium"><strong>' + 4 + '</strong></p></div>' +
'<div class="ui-block-a"><p class="line label"><strong>Data Criação</strong></p></div>' +
'<div class="ui-block-b"><p class="line value" style="text-align: right">' + '13/2/14' + '</p></div>' +
'<div class="ui-block-a"><p class="line label total"><strong> Valor</strong></p></div>' +
'<div class="ui-block-b"><p class="line total" style="text-align: right">' + 13 + ' ' + 15 + '</p></div>' +
'</div></div>' +
' <input type="button" class=" button_add" onClick="lis.Detail(' + p_id + ')" />' +
'</li>';
return lv_linhaDoc;
},
P.S:
- Esta função acima é chamada recursivamente
- a class
listItem
é só de identificação, ou seja, não tem CSS
CSS
.alinhar1 {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
width: 90%;
float: left;
cursor: pointer;
}
UPDATE
Peço imensa desculpa, não devo ter sido suficientemente explicito. O onClick
que me está a falhar é o primeiro de todos, o da class alinhar1
.
O que me mais faz confusão é que eu noutra class do projecto tenho também um onClick
e esse funciona-me na perfeição:
JavaScript (que funciona)
linhadeDetalhes: function (p_item) {
detail.items += '<li><div onClick="detail.matInfo(' + "'"+ p_item.info + "'" + ')"><p><strong>' + p_item.info + '</strong></p>' +
'<p>' + p_item.quantidade + ' ' + p_item.unidades + '</p></div>' +
'<p class="ui-li-aside ui-li-aside-value"><strong>' + p_item.preco + ' ' + p_item.preco2 +' </strong></p></li>';
},
onClick
, outros entendem otap
ou otouchstart
. Para mais informações acesse: stackoverflow.com/questions/13358292/…onClick
deixa de funcionar