I am trying to implement double tap on a card.The card is displayed alright but no action takes place on double click.I tried to use 'dblclick' but its not working,maybe because it is not allowed in framework7 .Kindly suggest the proper way to do so.
$$('.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>