Este artigo descreve o método de implementação dos eventos da TAP no Zepto.js para evitar bolhas. Compartilhe para sua referência. Os detalhes são os seguintes:
Recentemente, eu estava trabalhando em uma versão móvel do site. Eu originalmente queria usar o jQuery móvel, mas o arquivo era muito grande, então usei o Zepto.js
Como haverá um atraso no uso de eventos de clique em páginas da web móveis, o evento TAP no Zepto.js é usado.
O uso do evento de clique pode usar o StopPropagation para evitar bolhas, mas toque em usar este método não é eficaz
Agora eu preciso obter esse efeito: clique no botão A.BTN e depois exibir o Div.Panel e ocultar o Div.Panel quando clicar em Non-Div.Panel.
$ ("a.btn"). on ("tap", function (e) {e.stopPropagation (); // Este método não funciona $ ("div.Panel"). show ();}); $ (document) .on ("tap", function (e) {$ ("div.Panel"). hide ();});Através da ferramenta de depuração, podemos obter um atributo de destino no objeto E, para que possamos alcançar o efeito desejado através deste atributo:
$ ("a.btn"). on ("tap", function () {$ ("div.Panel"). show ();}); $ (document) .on ("tap", function (e) {if (! $ (e.Target) .hasclass ("btn") {$ ("div.panel").Esta é uma solução
Espero que este artigo seja útil para a programação JavaScript de todos.