Como usar dois plugin JQuery diferentes na mesma página

Question

Olá,

Eu tenho uma tela onde abre o popup e tem um textbox que tem uma mascara de CEP usando js.

Mais não funciona os dois junto na página o popup não abre ou quando abre a mascara nao funciona.

   <script src="../App_Themes/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
   <script src="../App_Themes/Scripts/jquery.helper.js" type="text/javascript"></script>
   <script src="../App_Themes/Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
   <script src="../App_Themes/Scripts/jquery-1.6.min.js" type="text/javascript"></script>

<asp:Button ID="btnShowModalDiv" runat="server" Text="Nova Cidade" CssClass="button add"
                OnClientClick="$('#divSimplePopup').showModal(); return true;" />

e o textbox teria o cssclass="cep"

<script type="text/javascript">
        jQuery(function () {
            $(".cep").mask("99999-999");
        });
</script>

Alguém sabe como resolver?

Obrigado, desde já!

Answer 1

Prezado(a),
Estou migrando seu post para o fórum de Desenvolvimento Web Geral.
Por favor, das próximas vezes que tiver alguma dúvida relacionada a esse assunto, poste por lá.
Obrigado.

---

André Alves de Lima
Microsoft MVP - Client App Dev
Visite o meu site: http://www.andrealveslima.com.br
Me siga no Twitter: @andrealveslima

Answer 2

Porque você esta usando 2 versões diferentes? Tente usar somente a mais atual, caso contrário vai ter problemas mesmo pois um vai sobreescrever coisas do outro.

---

http://www.linkedin.com/pub/murilo-kunze/44/191/455

Answer 3

Porque quando vi um exemplo que uso para apresentar o modal usava uma versão

e para o maskedit usava outra versão, e se só deixo uma, um funciona e o outro não e se deixo os dois da mesma coisa também.

Answer 4

Tenta deixar somente a mais atual e quando for rodar você verifica no console do browser(F12 no chrome e IE) qual erro no javascript está ocorrendo.

---

http://www.linkedin.com/pub/murilo-kunze/44/191/455

Answer 5

Diego,

O problema acontece por que você tira um mas não muda a ordem, quando um javascript é carregado ele já executa e guarda na memória então se não estiver na ordem de importância ele não vai funcionar, exemplo:

<script src="../App_Themes/Scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="../App_Themes/Scripts/jquery.helper.js" type="text/javascript"></script>
<script src="../App_Themes/Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>

Não se esqueça que se você estiver usando alguma funcionalidade do JQUERY ele sempre precisa vir antes de tudo.

Boa sorte!

---

Não esqueça de marcar como útil uma resposta que te ajude.
"A diversão é a alma do negócio"

Answer 6

Lucas,

Entendi agora...

Alterei e funcionou.

E fiz só mais uma modificação para funcionar a mascara dentro do update panel, que foi esta aqui

<script type="text/javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_pageLoaded(function () {
            jQuery(function () {
                $(".cep").mask("99999-999");

            });
        });
    </script>

Obrigado!

Answer 7

Diego,

Para mascaras eu costumo utilizar o http://www.meiocodigo.com/projects/meiomask/, qual a vantagem desse? Você não precisa chamar a mascara no elemento, você faz algo bem simples:

jQuery(function($) {
    $('input[type="text"]').setMask();
  });

E onde você precisa utilizar a mascara é só colocar alt="cep" ou alt="cpf", esse plugin já possui várias mascaras configuradas...simples e rápido.

Boa sorte!