2

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:

  1. Esta função acima é chamada recursivamente
  2. 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>';
    },
8
  • 1
    Para dispositivos móveis alguns browsers entende o onClick, outros entendem o tap ou o touchstart. Para mais informações acesse: stackoverflow.com/questions/13358292/… Commented 11/06/2015 às 14:13
  • @DiegoSouza eu actualizei a pergunta Commented 11/06/2015 às 14:40
  • Beleza, mas está dando algum erro ? O que mostra o Inspect Element ? Commented 11/06/2015 às 14:41
  • 1
    @DiegoSouza Não dá erro nenhum. Funciona perfeitamente, mas apenas aqui no google chrome. Quando passo para o ipad, o primeiro onClick deixa de funcionar Commented 11/06/2015 às 14:47
  • 1
    @DiegoSouza descobri o erro. :P Pensei assim: "Porque é que na outra classe do projecto está a funcionar e aqui não?" "Esta tem o plugin IScroll e a outra não." O problema está no Iscroll. Encontrei a solução aqui: stackoverflow.com/questions/17768037/… Commented 11/06/2015 às 15:04

2 Respostas 2

1

Já resolvi o problema. O problema era porque o plugin IScroll estava a bloquear-me os clicks e taps das li's que estão lá presentes.

Adicionei estes dois atributos ao método que inicializa o Iscroll e começou a funcionar:

    myScroll = new IScroll(wrapper, {
            click: true,
            tap: true,
            ...

Descobri por aqui a solução: Enable click events in iScroll on mobile browser

0

Tente utilizar o evento tap em vez do click.

$('.button_add').bind('tap',function() {  alert('Deu certo!'); });
1
  • fiz um update à pergunta Commented 11/06/2015 às 14:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .