Problema com jQuery

[Hitmanpt]

Boas pessoal... tenho um problema...

no site http://pcdev.site40.net/site/beta/

Tenho vários .js associados... E na barra de cima no "Tech Links" está um dropdown usando jquery (javascript)

E dentro do portátil aparecem imagens... Tudo com javascript...

E o problema é o seguinte

se tenho o header nesta ordem

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
 <script src="js/cufon-yui.js" type="text/javascript"></script>
 <script src="js/cufon-replace.js" type="text/javascript"></script>
 <script src="js/Mate_400.font.js" type="text/javascript"></script>
 <script src="js/FF-cash.js" type="text/javascript"></script>
 <script src="js/tms-0.3.js" type="text/javascript"></script>
 <script src="js/tms_presets.js" type="text/javascript"></script>
 <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jkmegamenu.js"></script>
<script type="text/javascript">
//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")
</script>

Não funciona o slideshow (as imagens que supostamente aparecem dentro do portátil)

Se eu troco a ordem para esta

<script type="text/javascript" src="js/jkmegamenu.js"></script>
<script type="text/javascript">
//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")
</script>
<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
 <script src="js/cufon-yui.js" type="text/javascript"></script>
 <script src="js/cufon-replace.js" type="text/javascript"></script>
 <script src="js/Mate_400.font.js" type="text/javascript"></script>
 <script src="js/FF-cash.js" type="text/javascript"></script>
 <script src="js/tms-0.3.js" type="text/javascript"></script>
 <script src="js/tms_presets.js" type="text/javascript"></script>
 <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

Não funciona o drop down... qual será o problema? 😕

[Rechousa]

Olá,

Experimenta assim:

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Mate_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jkmegamenu.js"></script>

<script type="text/javascript">
$(document).ready(function() {
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover");

$('.slider')._TMS({
	duration:800,
	easing:'easeOutQuad',
	preset:'simpleFade',
	slideshow:7000,
	banners:false,
	pauseOnHover:true,
	pagination:false,
	nextBu:'.next',
	prevBu:'.prev'
});
});
</script>

A ideia é em primeiro lugar acrescentares os ficheiros javascript que precisas, começando pelo jQuery. Depois, quando o jQuery carregar (document ready), executar os plugins que precisas.

Espero ter ajudado.

[Hitmanpt]

Sem sorte... assim nem um funciona nem outro... :X

removendo esta linha <script type="text/javascript" src="js/jkmegamenu.js"></script>

fica tudo exepto o dropdown a funcionar... Será alguma interferência entre scripts?

caso precisem de ver os scripts

http://sdrv.ms/R3hdT3

Edited September 30, 2012 at 12:15 AM by Windows Dragon

[HappyHippyHippo]

o jkmegamenu parece estar a fazer conflito com o próprio jquery (incrível)

que tal usares um mais recente, visto que o próprio site desse script pedo o 1.3.2 do jquery ?

o que não falta são ofertas desse tipo (exemplo de 38)

http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

[Hitmanpt]

o jkmegamenu parece estar a fazer conflito com o próprio jquery (incrível)

que tal usares um mais recente, visto que o próprio site desse script pedo o 1.3.2 do jquery ?

o que não falta são ofertas desse tipo (exemplo de 38)

http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

Essa opção não funciona (a .38) e as outras penso que vão ter o mesmo problema

[yoda]

Não deves precisar de metade dos scripts que tens.

[Hitmanpt]

Não deves precisar de metade dos scripts que tens.

Provavelmente tens razão... Mas já tirei todos os scripts que podia :X e continua sem funcionar

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jkmegamenu.js" type="text/javascript"></script>

É o que eu atualmente tenho no site está assim

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<!--<script src="js/jkmegamenu.js" type="text/javascript"></script>-->

Que é para ter o slideshow a funcionar

Edited September 30, 2012 at 02:18 PM by Windows Dragon

[HappyHippyHippo]

Essa opção não funciona (a .38) e as outras penso que vão ter o mesmo problema

experimentaste as 38 opções ou estás a mandar um tiro no escuro ?

se tirando a referência ao jkmegamenu tudo funciona bem (sem contabilizar o jkmegamenu obviamente) o erro só pode estar no próprio.

isso porque pela página dada por ti o erro encontrasse na função $.() que de repente deixa de estar definida

[Hitmanpt]

experimentaste as 38 opções ou estás a mandar um tiro no escuro ?

se tirando a referência ao jkmegamenu tudo funciona bem (sem contabilizar o jkmegamenu obviamente) o erro só pode estar no próprio.

isso porque pela página dada por ti o erro encontrasse na função $.() que de repente deixa de estar definida

E alguma ideia de como resolver isso?

Entretanto eu vou tentando resolver....

[rumbafum]

é um pouco estranho deixar de funcionar o $. do jquery. Ou tens referenciado o jquery mais que uma vez ou o próprio script do menu tem alguma coisa que o inibe.

Verifica se algum desses scripts, mesmo o do menu está a chamar o método jQuery.noConflict()?

Se estiver terás que usar a instrução verdadeira de chamada do jquery:

jQuery(document).ready.... ou no teu caso jQuery('.slider')._TMS({......

e não o shortcut $

[taviroquai]

é um pouco estranho deixar de funcionar o $. do jquery. Ou tens referenciado o jquery mais que uma vez ou o próprio script do menu tem alguma coisa que o inibe.

Verifica se algum desses scripts, mesmo o do menu está a chamar o método jQuery.noConflict()?

Na mouche... linha 7 do ficheiro jkmegamenu.js: jQuery.noConflict();

[HappyHippyHippo]

quem foi que disse para não usar esse script e experimentar outro ?

[Hitmanpt]

quem foi que disse para não usar esse script e experimentar outro ?

Já tentei as correções... Agora só funciona o slideshow de qualquer das maneiras... Algum problema mesmo com o script do dropdown... não estou a ver onde... mas os outros tb não querem funcionar :S

[rumbafum]

Se é o que está online não tem erros de scripting o que é bom...

Podes tirar a instrução de defineMenu de dentro do document.ready só para ver qual o comportamento?

<script type="text/javascript">
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover");
</script>
<script type="text/javascript">
jQuery(document).ready(function() {	   
 jQuery('.slider')._TMS({
		    duration:800,
		    easing:'easeOutQuad',
		    preset:'simpleFade',
		    slideshow:7000,
		    banners:false,
		    pauseOnHover:true,
		    pagination:false,
		    nextBu:'.next',
		    prevBu:'.prev'
    });
});
</script>

[Hitmanpt]

Problema resolvido! Muito obrigado rumbafum

E a todos os outros que colaboraram claro! 🙂 🙂

Agora é só melhorar o aspeto e está bom... Mais uma vez obrigado a todos pela ajuda e paciência