Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
estou precisando usar o jquery.maskedinput-1.3.js e o prototype.js na mesma página, só que estou com problemas.
Quando tiro um, o outro funciona, e vice e versa.
Segue o dódigo:
<head>
<!-- the following line is only required to run the setupEfeito Galeria -->
<script type="text/javascript" src="_js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="_js/shadowbox/shadowbox.js"></script>
<!-- masc form -->
<script src="_js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
<!-- valid form -->
<script src="admin/_js/scriptaculous/prototype.js" type="text/javascript"></script>
<script src="admin/_js/scriptaculous/validation.js" type="text/javascript"></script>
<script src="admin/_js/scriptaculous/src/effects.js" type="text/javascript"></script>
<script src="admin/_js/scriptaculous/fabtabulous.js" type="text/javascript"></script>
</head>No form estou utilizando desta forma:
<script type="text/javascript">
$(document).ready(function(){
$("#fone_res").mask("(99)9999-9999");
$("#fone_cel").mask("(99)9999-9999");
$("#cpf").mask("999.999.999-99");
$("#cep").mask("99999-999");
$("#data").mask("99/99/9999");
$("#rg").mask("9.999.999");
});
</script>
<form action="reload.php?load=cad-vendedor&system=true" enctype="multipart/form-data" method="post" id="formCadVendedor">
<p>CPF:</p>
<input class="required validate-number" style="width:155px" type="text" name="cpf" id="cpf" maxlength="11" value="<?php echo (isset($_POST['cpf'])) ? $_POST['cpf'] : ""; ?>" />Acontece que quando eu comento o jquery.maskedinput-1.3.js, o prototype.js funciona. Porém o jquery.maskedinput-1.3.js deixa de funcionar. E vice e versa.
Galera, consegui a solução no site: http://blog.sahb.com.br/2009/04/conflito-entre-prototypejs-e-jqueryjs/comment-page-1/#comment-8650
Segue a solução para quem precisar:
Para resolver isso, carregue o jQuery primeiro, e faça:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>Isso deverá vir antes de carregar qualquer outra biblioteca de scripts. A partir daí, você pode carregar os demais js’s, inclusive o prototype.js.
Porém, não é só isso. Nas chamadas ao jquery.js que usem o $, substitua esse por jQuery. Um exemplo é:
$("#conquistapg").load(url);
Vira:
jQuery("#conquistapg").load(url);
BOA SORTE! HEHEHE :thumbsup:
Carregando comentários...