Jump to content


Photo

Jquery + Prototype Não Funciona?


  • Faça o login para participar
7 replies to this topic

#1 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 29/07/2008, 14:15

Gente, tenho meu painel de controle hoje, e seu menu atualmente uso Prototype, por questões 'estéticas' e algumas funcionalidades interessantes... porém vi a necessidade de implantar algumas coisas, e o Jquery tem alguns scripts bem bacanas, como Autocompletar, abrir janela, etc...

porém depois de implantado, não funciona o Jquery... só o Jquery funciona, com o prototype não... só com o prototype funciona, coloca o jquery depois, também não dá...

li sobre algumas incompatibilidades, mas eu não soube implantar, devido os scripts serem prontos, não fui eu que elaborei, então nao sei como faço pra corrigir esse bug...

referencias.php (include que tem em todas as páginas, fazendo os loads de todas as bibliotecas)
<script src="../scripts/prototype.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="../scripts/jquery.js"></script>
<!-- jQuery -->
<script type="text/javascript" language="javascript" src="../scripts/jqDnR.js"></script>
<script type="text/javascript" language="javascript" src="../scripts/dimensions.js"></script>
<script type="text/javascript" language="javascript" src="../scripts/jqModal.js"></script>
<script type="text/javascript" language="javascript" src="../scripts/dialogos.js"></script>
<!-- Prototype -->
<script src="../scripts/effects.js" type="text/javascript"></script>
<script src="../scripts/tabslide.js" type="text/javascript"></script>
<script src="../scripts/funcoes.js" type="text/javascript"></script>

li um tal de noConflict do jQuery, apliquei e fiz as alterações, mudando todos os '$' para 'j$' como vi em alguns tutoriais, porém sem sucesso! :angry:

como posso fazer funcionar as 2 bibliotecas simultaneamente?

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 30/07/2008, 09:22

Você mudou todos os $ para j$ em todos os arquivos do referente ao jquery?
Tente usar jQuery.noConflict(); antes de qualquer js do jquery, depois troque os $ por jQuery.


Como você abriu um tópico com a dúvida, não há motivos para manter o seu post (que é a mesma dúvida) no outro tópico. Apaguei. ;)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 30/07/2008, 09:29

Alex
tem que trocar também na própria lib? (jquery.js)
e como faço a aplicação do jQuery.noConflict() também? não tenho a minima noção hehe

tenho que abrir uma function e jogar tudo dentro?

Edição feita por: maykel, 30/07/2008, 09:32.

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 30/07/2008, 10:09

Não, na biblioteca não precisa. Só precisa trocar nos arquivos .js que você usa com o jquery.
Logo depois da linha que chama o arquivo jquery.js, adicione o noConflict().
<script type="text/javascript" language="javascript" src="../scripts/jquery.js"></script>
<!-- jQuery -->
<script type='text/javascript'>
jQuery.noConflict();
</script>

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 30/07/2008, 10:22

opa opa!
um dos arquivos foi (ok2), só falta 1 (que por sinal é o que faz falta :glare: )

--edit

Eu estava vendo que, ao XAJAX quando 'renderiza' a página ao ser aberta, ele não traz quando preciso, o $j

<?xml version="1.0" encoding="utf-8" ?><xjx><cmd n="js">[b]var  [/b]= jQuery.noConflict(); </cmd><cmd n="js"

>().ready(function() {	('#tela').jqDrag('.arrastar').jqResize('.redimenssionar');});</cmd>

ele traz isso... engraçado que ali onde era pra ter o var, na verdade era var $j = jQuery.noConflict... quando trago o $j, ele não aparece! talvez seja por isso que nao abra...

Edição feita por: maykel, 30/07/2008, 10:41.

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 31/07/2008, 07:13

Se você já estiver utilizando o jQuery.noConflict(), não precisa usar o $j. Esse último é um marcador que você mesmo pode colocar, usando var $j = jQuery.noConflict().

O site do jQuery está fora do ar aqui, mas veja esse artigo: http://jquerybrasil....ros-frameworks/
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 31/07/2008, 11:04

eu li esse artigo, foi o primeiro resultado da minha busca :P

mas então, ele não me esclareceu muito... pois ele fornece 3 exemplos que sei lá... talvez não se apliquem no que eu tenho... creio que deva ser para quem desenvolve os Jquerys na própria página, não faz referencia de arquivos externos, por isso eu tenha me embananado :P

Então se eu declarar o var $j = jQuery.noConflict(), eu nao preciso alterar os $ dos jquerys existentes para $j?

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#8 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 01/08/2008, 08:54

São três formas que você pode usar o noConflict().
Se você usar o $j = jQuery.noConflict(), terá que trocar todos os $ por $j, que é a variável que foi declarada.

Pra falar a verdade eu ainda não tinha lido o artigo completo, só olhei as primeiras linhas. Mas veja o terceiro exemplo, é para o seu caso. Esses seus arquivos externos nada mais são do que plugins para o jquery. É o mesmo exemplo que eu dei nos primeiros posts.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq