Jquery não funciona no Firefox

[xandyloch 0]

Boa tarde

 

Estou com um problema de incompatibilidadee com o navegador, no meu script possui um jqGrid, que funciona no IE, Chrome, porem Firefox que é o nosso navegador padrão aqui, não funciona. no console do Firefox mostra a mensagem de erro $("#iteifp").jqGrid is not a function, tem mais um detalhe essa função funciona no firefox até a versão 3.6, após essa versão não funciona mais.

Se poderem me ajudar a corrigir isso agradeço.

 

Aguardo

Obrigado.

[William Bruno 1501]

poste um link para o teu site.

 

verifique se você não está chamando mais de uma vez a lib jQuery, e se você está chamando o plugin depois do jQuery.

[xandyloch 0]

-O site que administro é um sistema web, é restrito.

 

-Tenho essas chamada antes da função;

<link rel="stylesheet" type="text/css" href="../../global/estilos.css" />
<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/jqModal.css" />
<script type="text/javascript" src="../../global/jsonStringify/jsonStringify.js"></script>
<script type="text/javascript" src="../../global/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../global/jquery/jquery-ui.min.js"></script><br />
<script type="text/javascript" src="../../global/jquery/plugins/jqGrid/jquery.jqGrid.js"></script>
<script type="text/javascript" src="../../global/jquery/plugins/form/jquery.form.js"></script>
<script type="text/javascript" src="../../global/calendario.js"></script>
<script type='text/javascript' src='../../global/funcaojs.js'></script>
<script type='text/javascript' src='../../global/funcoes.js'></script>
<script type='text/javascript' src='../../global/funcaojq.js'></script>
<script type="text/javascript">
                        \\ .
                        \\ .
                        \\ .
$("#iteifp").jqGrid( { //[b]O erro que aparece no console do firefox é nessa linha[/b]
	datatype: 'local',
	colNames: [
		'Seq.',
		'Produto',
		'Desc.',
		'Quant.',
		'U.M.',
		'Pre. Uni.',
		'IPI',
		'Dat. Emb.',
		'Tipo',
		'Gerente'],
	colModel : [
		{ name:'seqite', width: 20 },
		{ name:'codpro', width: 30 },
		{ name:'despro', width: 120 },
		{ name:'qtdite', width: 40 },
		{ name:'unimed', width: 30 },
		{ name:'preuni', width: 40 },
		{ name:'peripi', width: 20 },
		{ name:'datent', width: 45 },
		{ name:'codtpr', width: 70, hidden: true },
		{ name:'gerite', width: 35}
	],
	shrinkToFit: true,
	width: 600,
	rowNum: 11,
	rowList: [10,20,30],
	viewrecords: true,
	imgpath: '../../global/jquery/plugins/jqGrid/themes/basic/images',
	height: 100,

	onSelectRow: function() {
		var rowid = $('#iteifp').getGridParam("selrow");
		listaCaracteristicas($('#iteifp').getCell(rowid, 'codpro'), $('#iteifp').getCell(rowid, 'codtpr'), 'N', '');
	}
});
</script>

[William Bruno 1501]

um dos motivos q pode te levar a esse erro, é se o script não carregar.

 

Abra a aba Net(Rede) do Firebug, e veja se tem algum 404.

Confira se o caminho de cada src está correto.

 

Depois disso, vá isolando os problemas.

Exemplo, remova tudo, deixando apenas o jGrid, e veja se ele funciona:

 

<link rel="stylesheet" type="text/css" href="../../global/estilos.css" />

<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/jqModal.css" />
<!--
<script type="text/javascript" src="../../global/jsonStringify/jsonStringify.js"></script>
-->
<script type="text/javascript" src="../../global/jquery/jquery.min.js"></script>
<!--
<script type="text/javascript" src="../../global/jquery/jquery-ui.min.js"></script><br />
-->
<script type="text/javascript" src="../../global/jquery/plugins/jqGrid/jquery.jqGrid.js"></script>
<!--
<script type="text/javascript" src="../../global/jquery/plugins/form/jquery.form.js"></script>
<script type="text/javascript" src="../../global/calendario.js"></script>
<script type='text/javascript' src='../../global/funcaojs.js'></script>
<script type='text/javascript' src='../../global/funcoes.js'></script>
<script type='text/javascript' src='../../global/funcaojq.js'></script>
-->

entendeu ?

 

é assim que funciona o processo de debug.

Faça cada um dos passos q descrevi aqui.

 

Aquele <br /> ali depois do jquery-ui não faz sentido.

Também passe o teu html gerado pelo validador w3c.

[xandyloch 0]

Boa tarde

 

quando deleto a linha "<script type="text/javascript" src="../../global/jquery/jquery.min.js"></script>", apresenta essa mensagem de erro

 

jQuery is not defined

[Parar neste erro] })(jQuery);

 

jquery.form.js (linha 632)

$ is not defined

[Parar neste erro] $(function() {

 

funcaojq.js (linha 5)

$ is not defined

[Parar neste erro] $(function() {

[William Bruno 1501]

eu não disse para você deletar essa linha.

 

Deixe asssim:

<link rel="stylesheet" type="text/css" href="../../global/estilos.css" />

<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" href="../../global/jquery/plugins/jqGrid/themes/jqModal.css" />

<script type="text/javascript" src="../../global/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../global/jquery/plugins/jqGrid/jquery.jqGrid.js"></script>

e teste se o grid funciona.

Entendeu agora ?

[xandyloch 0]

Quando coloco a linha novamente o console apresenta essa mensagem

 

$("#iteifp").jqGrid is not a function

[Parar neste erro] onSelectRow: function() {

[William Bruno 1501]

existe um elemento com o id="iteifp" ?

 

tem poucas informações, não consegui identificar a fonte do problema ainda.

[xandyloch 0]

Sim.

[xandyloch 0]

caso resolvido utilizando a ultima atualização do jqgrid.