Ir para conteúdo

POWERED BY:

Arquivado

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

Anderson Anizio

[Resolvido] Scripts não funcionam!

Por , em Javascript

Recommended Posts

Anderson Anizio    0

Anderson Anizio
Postado

Então, pessoal não entendo muito de scripts e jquery, mas vou levando... Estava criando um template em HTML/CSS, tudo tava dando certo, coloquei os códigos todos certinhos, mas não to conseguindo fazer o plugin BXSlider pra funcionar.

Vejam só:

 

index.html

<head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>Theme HTML/CSS Template</title>

       <!--  IMPORTING STYLES  -->
       <link href="css/style.css" rel="stylesheet" type="text/css" />

       <!--  IMPORTING FONTS  -->
       <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>

       <!--  IMPORTING SCRIPTS  -->
       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
       <script src="http://bxslider.com/sites/default/files/jquery.bxSlider.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
       <script type="text/javascript" src="js/scripts.js"></script>
   </head>

 

scripts.js

// JavaScript Document

// ALIGN COLUMNS
function $() {
			var elements = new Array();
			for (var i=0;i<arguments .length;i++) {
				var element = arguments[i];
				if (typeof element == 'string') element = document.getElementById(element);
				if (arguments.length == 1) return element;
				elements.push(element);
			}
			return elements;
		}

		var BoxHeights = {
			maxh: 0,
			boxes: Array(),
			num: 0,
			equalise: function() {
				this.num = arguments.length;
				for (var i=0;i<this.num;i++) if (!$(arguments[i])) return;
				this.boxes = arguments;
				this.maxheight();
				for (var i=0;i<this.num;i++) $(arguments[i]).style.height = this.maxh+"px";
			},
			maxheight: function() {
				var heights = new Array();
				for (var i=0;i<this.num;i++) {
					if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
						heights.push($(this.boxes[i]).scrollHeight);
					} else {
						heights.push($(this.boxes[i]).offsetHeight);
					}
				}
				heights.sort(this.sortNumeric);
				this.maxh = heights[this.num-1];
			},
			sortNumeric: function(f,s) {
				return f-s;
			}
		}

		window.onload = function() {
			BoxHeights.equalise('vertical-header','wrap-entry');
			BoxHeights.equalise('sideleft-footer','sideright-footer');
		}		  

// MENU AND SUBMENU
jQuery(function(){
			jQuery('#main-menu ul').superfish({ 
			animation:  {height:'show'},   // slide-down effect without fade-in 
			delay:      1200,              // 1.2 second delay on mouseout 
			autoArrows: false,             // disable generation of arrow mark-up 
			dropShadows: false             // disable drop shadows 
			}); 
		});

// IMAGE AND CONTENT SLIDER
		$('#slider1').bxSlider({
		  auto: true,
		  autoControls: true
		});

 

 

O que tem de errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

veja se aparece alguma coisa no console de erros.

 

Aperte Ctrl+Shift+J no Firefox.

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson Anizio    0

Anderson Anizio
Postado

veja se aparece alguma coisa no console de erros.

 

Aperte Ctrl+Shift+J no Firefox.

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

 

Acho que não é isso, parece que os outros scripts criam um conflito com esse BXSlider, pois quando tiro os demais códigos do scripts.js e deixo apenas o do BXSlider ele passa a funcionar... E é claro, os demais param de funcionar...

 

Atualizado

O Firefox mostrou o seguinte erro:

TypeError: $("slider1") is null

 

Resolvido!

Bom, como disse, sou extremamente leigo em javascript, mas consegui resolver o bug, pelo jeito o navegador não estava reconhecendo as propriedades dento do script do BXSlider...

 

jQuery(function(){
			jQuery('#slider1').bxSlider({
		  auto: true,
		  autoControls: true
		});
		});

 

Valeu pela ajuda William!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito