/ / Plug-in JQuery não funciona após a chamada AJAX - jquery, ajax, jquery-plugins

O plug-in do JQuery não funciona após a chamada do AJAX - jquery, ajax, jquery-plugins

As chamadas AJAX parecem desativar o meu plugin jQuery. Eu tentei em três plug-ins, então suponha que seja uma falha no meu código, não no plug-in.

Para simplificar, eu tenho:

<div id="Static">Not affected by AJAX</div>
<div id="Dynamic">Hello</div>
<button id="change">Change</button>
<button id="print">Print</button>

Ao pressionar print, uso o plug-in printArea:

<script src="../jquery.PrintArea.js"></script>
<script>
$(document).on("click", "#print", function(e) {
e.preventDefault;
$("#Static").printArea();
})

Tenho a impressão do conteúdo estático, para descartar o problema de o plug-in não funcionar no conteúdo alterado. Quando pressiono "Alterar", o conteúdo dinâmico muda:

<script  type="text/javascript">
$(document).on("click", "#change", function(){
var data = "1";
$.ajax({url:"X.php", type:"POST", data:{"mydata": data}, success:function(result){
$("#Dynamic").html(result);
}});
})

</script>

Não estou copiando o código X.php, pois isso funciona bem e não acho que seja esse o problema. Suponha que ele mude "Olá" para "Adeus".

Então, basicamente, se eu pressionar "Imprimir" primeiro, ele exibirá "Não afetado pelo AJAX". Se eu pressionar "Alterar", Olá será substituído por Adeus. Se eu pressionar "Imprimir" depois de "Alterar", nada acontece.

Como garantir que meu plug-in jQuery funcione após a chamada AJAX?

Obrigado!

Respostas:

0 para resposta № 1

Adicionando

$.getScript("jquery.PrintArea.js")

na função success funciona ... Com bugs, mas acho que isso se deve à parte mais complicada do meu código que eu omiti aqui.