none
Como usar dois plugin JQuery diferentes na mesma página RRS feed

  • Pergunta

  • 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á!

    • Movido AndreAlvesLima quarta-feira, 30 de maio de 2012 20:34 (De:.NET Development - Geral)
    quarta-feira, 30 de maio de 2012 02:44

Respostas

  • 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"

    • Sugerido como Resposta Romy Moura quinta-feira, 28 de junho de 2012 19:35
    • Marcado como Resposta Diego da Silva Ata quarta-feira, 4 de julho de 2012 03:03
    quinta-feira, 28 de junho de 2012 13:12

Todas as Respostas

  • 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

    quarta-feira, 30 de maio de 2012 20:34
  • 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

    quinta-feira, 31 de maio de 2012 01:52
  • 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.


    quarta-feira, 27 de junho de 2012 19:39
  • 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

    quinta-feira, 28 de junho de 2012 00:43
  • 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"

    • Sugerido como Resposta Romy Moura quinta-feira, 28 de junho de 2012 19:35
    • Marcado como Resposta Diego da Silva Ata quarta-feira, 4 de julho de 2012 03:03
    quinta-feira, 28 de junho de 2012 13:12
  • 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!

    quarta-feira, 4 de julho de 2012 03:03
  • 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!

    • Editado Lucas Vandor quarta-feira, 4 de julho de 2012 14:14
    quarta-feira, 4 de julho de 2012 14:14