Configurar Jquery manualmente sem plugin
26/10/2011 00:05
0
olá a todos,,

alguem sabe me disse como configurar o jquery sem a instalação do plugin jquery-ui ou seja referindo os arquivos.

muito obrigado desde já.

fiz algo dentro do arquivo index.gsp funciona, mas no form não. os arquivos entao dentro do web-app/

<link rel="stylesheet" href="${resource(dir: 'css', file: 'cupertino/jquery-ui-1.8.16.custom.css')}" type="text/css" />
<script type="text/javascript" src="${resource(dir: 'js', file: 'jquery-1.6.2.min.js')}"></script>
<script type="text/javascript" src="${resource(dir: 'js', file: 'jquery-ui-1.8.16.custom.min.js')}"></script>
<script type="text/javascript" src="${resource(dir: 'js', file: 'jquery.ui.datepicker-pt-BR.js')}"></script>
<script type="text/javascript" src="${resource(dir: 'js', file: 'mascaras.js')}"></script>
<script type="text/javascript">
$(document).ready( function() {
// Tabs
$('#tabs-nav').tabs();
</script>

<div id="optional-container"> <!-- inicio-->
<div id="tabs-nav" class="ui-layout-center">
<ul style="-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;">
<li><a href="#tab-1">Aba 1</a></li>
<li><a href="#tab-2">Aba 2</a></li>
</ul>
<div class="ui-layout-content ui-widget-content ui-corner-bottom" style="border-top: 0; padding-bottom: 1em;">
<div id="tab-1">
tab1
</div>
<div id="tab-2">
tab2
</div>
</div>
</div>
</div> <!-- fim-->
Tags: jquery manualmente


1
Oi Alex,

você deve inserir os arquivos javascript dentro de web-app/js. De preferência, dentro de uma pasta separada.

Ai, é só fazer exatamente como havia feito antes. Só pra lembrar, no caso do jQuery UI, você precisa incluir também os arquivos css que ele requer.


0
Olá Henrique,

obrigado por responder,, então os js esta na pasta web-app/js/, o css, na web-app/css,
o css ate mostra a cor, mas o jquery js , não funciona.

fiz o teste com e outra função js funciona,, só danado do jquery js não.

valeu. a estou usando o grails 2.0
26/10/2011 00:40


1
Alex,
tente chamar o javascript usando o createLinkTo (http://grails.org/doc/latest/ref/Tags/createLinkTo.html):

<script type="text/javascript" src="${createLinkTo(dir:'js',file:'jquery-1.6.2.min.js')}"></script>
26/10/2011 22:00


0
Olá Pessoal,
obrigado Henrique e arisales, pela ajuda.

ate que enfim descobri o problema, e a class="no-js" dentro do main.gsp.

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->

ai foi só tiras essa linhas ai e colocar <html lang="en"> pronto funcionou..

por isso no index.gsp, funcionava ok,, já nos form, não dava certo, a class no-javascript.,,

hehe, sou novo no grails, mas com tempo vamos pegando,,

valeu pessoal pela ajuda., ate+

27/10/2011 00:53


0
Dica: evite createLinkTo. Ele foi deprecado, em seu lugar deve ser usado o resource mesmo.


0
Dica: Use o noConflict() do jQuery para não conflitar com o "$" do Prototype que o Grails ainda usa.
28/10/2011 18:48



Ainda não faz parte da comunidade???

Para se registrar, clique aqui.


Aprenda Groovy e Grails com a Formação itexto!

Newsletter Semana Groovy

Assinar

Envie seu link!


Livro de Grails


/dev/All

Os melhores blogs de TI (e em português) em um único lugar!

 
Creative Commons
RSS Grails Brasil é mantido por itexto Consultoria.
Em caso de problemas contacte Henrique Lobo Weissmann (Kico) por e-mail: kico@itexto.com.br
Todo o conteúdo presente neste site adota o Creative Commons como licença padrão.
Ver: 4.14.0
itexto