Recentemente, quando um amigo estava trabalhando em um projeto, ele encontrou o conteúdo dinamicamente do Weibo e depois clicou em "expandir comentários" para obter todos os comentários sobre o Weibo. O <Span MID = '123456789 carregado dinamicamente' Class = 'get_comment'> clique para carregar comentários </span> é usado aqui.
Então escreva novamente
$ (". get_comment) .click (function () {// lógica de evento de resposta})Verificou -se que o evento de clique não será acionado e não há erro ao ouvir usando o console. Quando eu não consigo descobrir,
Como também o encontrei quando estava fazendo gerenciamento de frete no Sohu Home Móstia Mall, concentrei -me no carregamento dinâmico.
Lembro que estava usando eventos em linha naquela época e eventos em linha ao carregar dinamicamente. Por exemplo, var obtn = '<a onclick = "freight.delete_curr_citys ();" href = "javascript: void (0);"> excluir </a> '; De fato, o frete é um objeto.delete_curr_citys é um método desse objeto.
Obviamente, você também pode usar a função Live () do JQuery para reescrever a lógica de resposta:
$ (". get_comment"). LIVE ('clique', function () {var mid = $ (this) .attr ("mid"); alert (mid);});Neste momento, o jQuery pode responder ao evento de clique em span. Aqui, são usados eventos de delegação de funções ao vivo, que são usadas principalmente para resposta de eventos HTML gerada dinamicamente. Em relação ao papel da função LIVE (), sua vantagem mais intuitiva é que ela sempre pode "ouvir" as operações do navegador do cliente, que também serão eficazes para os recém -adicionados nós DOM sem reembolsar. Talvez seja porque essa "audição" pode estar constantemente ligada e julgada, o que causará problemas de desempenho do aplicativo da Web. Você pode usá -lo seletivamente de acordo com a complexidade do projeto. Em relação às funções ao vivo, aqui está uma explicação muito detalhada:
Definição e uso
O método LIVE () conecta um ou mais manipuladores de eventos ao elemento selecionado e especifica as funções que são executadas quando esses eventos ocorrem.
Os manipuladores de eventos anexados através do método LIVE () são adequados para corresponder a elementos atuais e futuros do seletor (como novos elementos criados pelos scripts).
gramática
$ (seletor) .Live (evento, dados, função)
Descrição do parâmetro
evento necessário. Especifica um ou mais eventos anexados ao elemento.
Vários eventos são separados por espaços. Deve ser um evento válido.
dados opcionais. Especifica os dados adicionais passados para a função.
função necessária. Especifica a função que é executada quando ocorre um evento.
Os motivos e soluções para o DOM gerado dinamicamente no artigo acima não acionarão o evento OnClick são todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que você apoie mais o wulin.com.