Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
-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>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.
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() {
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 ?
Quando coloco a linha novamente o console apresenta essa mensagem
$("#iteifp").jqGrid is not a function
[Parar neste erro] onSelectRow: function() {
existe um elemento com o id="iteifp" ?
tem poucas informações, não consegui identificar a fonte do problema ainda.
Sim.
caso resolvido utilizando a ultima atualização do jqgrid.
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.