.colorbox is not a function

[luizcamus 0]

Olá!

 

Seguinte, estou chamando uma função através do evento OnClick em um link.

 

<a href="#" class="novo-teste" onClick="novoTeste()">Teste</a>

 

function novoTeste() {
$.colorbox({width:'500px', height: '300px', href:'teste.php'});
}

 

Sei que existiriam outras formas de fazer usando o .live com o evento click do jquery mas dá o mesmo problema.

 

Aparece a mensagem .colorbox is not a function

 

Estou linkando o jquery.js e o colorbox.css e colobox.js corretamente na tag head. Já verifiquei isso.

 

Alguém poderia me dizer o que está acontecendo?

 

Obrigado.

[William Bruno 1501]

é possível q não esteja achando o arquivo do colorbox, confira isso.

[luizcamus 0]

está achando sim.
não postei aqui mas, em outra parte do código, abro outro colorbox perfeitamente, mas fora de uma função.

o problema acontece quando o colorbox está dentro de uma função.

[William Bruno 1501]

ta.. qual é a ordem de carregamento dos seus scripts ?

 

vc colocou essa função depois de ter carregado o colorbox ?

[luizcamus 0]

estão dentro do head

<link href="css/colorbox.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>

 

 

<script type="text/javascript">

function novoTeste() {
$.colorbox({width:'500px', height: '300px', href:'teste.php'});
}

</script>

 

está no body

 

<a href="#" class="novo-teste" onClick="novoTeste()">Teste</a>

[joaofla123 3]

coloque o jquery.js primeiro

colorbox.js em seguida

 

depois coloque o script do colorbox

 

 

ou entao ao inves de colocar a funcao onclick no elemento faça tudo diretamente do jquery

 

seta um id ao elemento que voce vai clicar e ao elemento que vc quer personalizar por exemplo id="novo-teste" e id="elementoapersonalizar" e use:

 

<script type="text/javascript">

 

$(document).ready(function(){

$("#novo-teste").click(function(){

$("#elementoapersonalizar").colorbox({width:'500px', height: '300px', href:'teste.php'});

});

});

 

</script>

 

 

e esse plugin colorbox faz o que de especial?

[luizcamus 0]

já tinha feito tudo isso aí, usando o jquery mas farei novamente.

 

o plugin do colorbox faz abrir uma janela tipo modal.

está acontecendo algum problema de conflito quando chamo o colorbox através de uma função. mas já tinha feito isso outras vezes e tinha dado certo. inclusive, em fóruns, também fizeram assim abrindo o colorbox através de função.

no caso, eu preciso abri-lo através de uma função.

quando chamo ele sem usar função, ele abre.

[joaofla123 3]

nao faltou vc definir o que vc ker personalizar?

 

tipo :

 

$("#elemento").colorbox({blablabla});

[luizcamus 0]

não. eu coloquei isso também e continua o problema.

 

até o esquema abaixo eu fiz e nada.

 

<script type="text/javascript">
$ = jQuery.noConflict();
</script>

opa!

 

descobri o problema.

 

estava abrindo um colorbox anterior à este que continha um link para a biblioteca jquery. quando retirei, deu certo.

 

interessante é que, no meu caso, os colorboxes abrem páginas diferentes. mas, pelo visto influencia mesmo assim no local onde são chamados.

 

valeu pelo apoio!