Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

''''''''''''''

[Resolvido] Plugins Jquery em Confronto

Recommended Posts

Estou fazendo um site baseado em Jquery, Eu consegui fazer todos comandos funcionarem individualmente, porem

ao junta-los em 1 unico documento um dos comandos deixam de ser funcionais!

 

EX:

Tenho um botão com o efeito .animate, e outra com o efeito do plugin ColorBox

Quando os 2 estão na mesma pagina 1 sempre para de funcionar

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
       <script>
	$(document).ready(function(){
		$(".subpage").colorbox({width:"780px", height:"513px", iframe:true});
		$(".login").colorbox({width:"300px", inline:true, href:"#inline_example1"});

		$("#click").click(function(){ 
			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
			return false;
		                           });
	                              });

		$("div.buttoonn").toggle(function() {
			$("div.fundoo11:eq(0)").animate({height: 'toogle', opacity: 'toggle', left: '10'},"slow");
		}, function(){
			$("div.fundoo11:eq(0)").animate({height: 'toogle', opacity: 'toggle', left: '10'},"slow");

           });			


</script>

 

Gostaria de uma solução, para que nao só esses 2, mais sim todos os meus plugins consigam ficar em uma mesma pagina do meu site, Agradesço desde jah!

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem erro de sintaxe.

 

indente corretamente os teus scripts.

 

<script type="text/javascript">
$(document).ready(function(){
$(".subpage").colorbox({width:"780px", height:"513px", iframe:true});
$(".login").colorbox({width:"300px", inline:true, href:"#inline_example1"});

$("#click").click(function(){ 
	$( this ).css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
		return false;
});/* fecha click */

$("div.buttoonn").toggle(
	function(){
		$("div.fundoo11:eq(0)").animate({height: 'toogle', opacity: 'toggle', left: '10'},"slow");
	}, 
	function(){
		$("div.fundoo11:eq(0)").animate({height: 'toogle', opacity: 'toggle', left: '10'},"slow");

});/* fecha toggle */
});/* fecha document.ready */            
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.