0

カードにダブルタップを実装しようとしています.カードは正常に表示されますが、ダブルクリックでアクションが実行されません.「dblclick」を使用しようとしましたが、フレームワーク7で許可されていないため、機能しません.親切に適切なものを提案してくださいそうする方法。

$$('.ord').on('taphold', function() {
        var identity=this.id.toString();
        myApp.modal({
            title:'Quantity',
            text:'<p>'+$$("#menuItem"+this.id.toString()).text()+ '<span style="float:right">'+$$("#menuPrice"+this.id.toString()).text()+'</span></p>'+'<p id="qty">'+quantity[parseInt(identity)]+'</p><p class="buttons-row"><button class="button button-raised button-fill color-red" id="increase" onClick="addUp('+identity+')">inc</button> <button  class="button button-raised button-fill color-red" id="decrease" onClick="sub('+identity+')">dec</button></p>',
            buttons:[
            {
                text:'add',
                onClick: function() {
                    if (quantity[parseInt(identity)]>0)
                    {
                        var obj={name:$$("#menuItem"+identity).text(),price:$$("#menuPrice"+identity).text(),Quantity:quantity[parseInt(identity)],Category:allCategory[parseInt(identity)]};
                        orderArray.push(obj);

                    }

                }
            },
            {
                text:'cancel',
                onClick:function() {
                    quantity[parseInt(identity)]=0;
                    document.getElementById("qty").innerHTML=quantity[parseInt(identity)];
                }
            },
            ]
        })
    });
<span class="ord" id='+i+'><div class="card" id="listId"><div class="card-content color-white" style="background-color:red;"><div class="card-content-inner"><p><b><span id="menuItem'+i+'">' + allItems[i] + '</span><span style="float:right" id="menuPrice'+i+'">' + allPrices[i] + '</span></b></p></div></div></div></span>

4

1 に答える 1

0

アプリを終了するために使用している例を次に示します。最初にイベントリスナーを追加し、タップを数え、ダブルタップで終了します。

// activate back button 
document.addEventListener('backbutton', onBackKeyDown, false);

// functions on back button
function onBackKeyDown() {
if ($$('.page-on-center').length === 0 || $$('.page-on-center').attr('data-page') === 'index-1') {
if (backi === 1) {
  backi = 0;
  navigator.app.exitApp();
} 
else {
  backi++;
  myApp.addNotification({
    message: 'Tap twice to leave App.',
    button: {
      text: 'No, thanks.'
    }
    }
  });
}
// end else

  }
  //end else if
   else {
    $$('.back').click();
  }
  return backi;
};
于 2016-02-29T00:41:22.730 に答える