Há erro nesse código em jQuery?

wesley Araujo · 25 de junho de 2015

pois bem não consigo carregar esse arquivo .js no HTML,

já ví todas as section e estão corretas

já verifiquei o diretorio esta correto, porém não consigo, me ajudem por favor,



/* global imgCar */


$(function(){


    // jQuery mascara campo input


    var boxImg = $("#imagem-noticia-carregar");

    var ImgCar = $("#imagem-carregada");


    $(boxImg).click(function(){


        $(ImgCar).click();


    });


    $(ImgCar).change(function(){


        document.getElementById("imagem-noticia-carregar").value = document.getElementById("imagem-carregada").value;



    });


    //jquery Trocar abas



    //links para sessões


    var linkPublicar = $("#publicar-noticia-menu");

    var linkTodasNot = $("#todas-noticia-menu");

    var linkRascunho = $("#rascunhos-menu");

    var linkLixeira = $("#lixeira-menu");



    //seções das abas

    var publicarNoticia = $("#publicar-noticia");

    var todasasNoticias = $("#todas-as-noticias");


    $(todasasNoticias).hide();


    $(linkPublicar).click(function () {


        $(linkTodasNot).removeClass("activeColor");

        $(linkRascunho).removeClass("activeColor");

        $(linkLixeira).removeClass("activeColor");

        $(linkPublicar).addClass("activeColor");




        $(todasasNoticias).hide();

        $(publicarNoticia).slideDown(500);


    });


    $(linkTodasNot).click(function () {



        $(linkRascunho).removeClass("activeColor");

        $(linkLixeira).removeClass("activeColor");

        $(linkPublicar).removeClass("activeColor");

        $(linkTodasNot).addClass("activeColor");


        $(publicarNoticia).slideup(300, function () {


            $(publicarNoticia).hide();


        });

        $(todasasNoticias).slideDown(500);


    });


});

darkstrikerd · 25 de junho de 2015

@wesley Araujo Não achei problemas com o código, você diz que não consegue carregar, pergunta boba: no teu html, está carregando o jquery.js antes desse arquivo?

O que diz no console javascript do browser?

wesley Araujo · 25 de junho de 2015

Simplesmente, tento fazer o efeito, e o comando e eles não vão,

to carregando ele atraves de uma outra pagina, com o require_once,

carreguei na mesma pagina e não deu certo '-'

e não aparece nenhum erro '-'

Simplesmente os comandos não funcionam a pagina carrega normal

essa é a pagina que esta incluso no require_once: pagina Header

<?php session_start();  require_once "includes/configuration.php"; @$Usuario = $_SESSION ["Usuario"]; @$Senha = $_SESSION ["Senha"]; $SQL = mysql_query("SELECT Nome FROM administradores WHERE Usuario='$Usuario' AND Senha = '$Senha' ");?><html lang="pt_br">	<head>		<meta charset="utf-8" />		<title>Painel de Controle - Esportes Geral</title>		<link rel="stylesheet" type="text/css" href="css/default.css" media="screen" />		<script type="text/javascript" src="paineldecontrole/js/jquery-1.9.1.js"></script>                <script src="js/default.js" type="text/javascript"></script>	</head>		<body>				<header>			<div id="topo">								<div id="logo"><img src="imagens/logo.png" alt="Painel de Controle - Portal WVD" /></div>								<div id="right">									<div id="mensagem">                                                                                        <?php                                                                                        while ($linha = mysql_fetch_assoc($SQL)){                                                                                             @$nomeUser = $linha['Nome'];                                               }                                                                                        ?>                                           						Olá, <?php echo @$nomeUser; ?> <br />                                                <a href="#">Postar Notícia</a> - <a href="#">Alterar Perfil</a> - <a href="logout.php">Sair da Conta</a>					</div>										<div id="foto-perfil"><img src="imagens/perfil/default.png" alt="Imagem de Perfil" width="85" height="85" /></div>									</div>							</div>		</header>				<div id="menu">						<nav>				<ul>					<li>Página Inicial</li>					<li>Gerenciar Notícias</li>					<li>Gerenciar Comentários</li>					<li>Gerenciar Categorias</li>					<li>Administração do Portal</li>					<li>Sair da Conta</li>				</ul>			</nav>					</div>

é essa é a pagina q precisa do JS:

<?php require_once 'includes/header.php';require_once 'includes/verificar.php';?><link rel="stylesheet" type="text/css" href="css/default.css" media="screen" /><script type="text/javascript" src="paineldecontrole/js/jquery-1.9.1.js"></script><script type="text/javascript" src="js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script><script type="text/javascript">	tinyMCE.init({		// General options		mode : "textareas",		theme : "advanced",		height: "900",		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",		// Theme options		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",		theme_advanced_toolbar_location : "top",		theme_advanced_toolbar_align : "left",		theme_advanced_statusbar_location : "bottom",		theme_advanced_resizing : true,		// Example content CSS (should be your site CSS)		content_css : "css/content.css",		// Drop lists for link/image/media/template dialogs		template_external_list_url : "lists/template_list.js",		external_link_list_url : "lists/link_list.js",		external_image_list_url : "lists/image_list.js",		media_external_list_url : "lists/media_list.js",		// Style formats		style_formats : [			{title : 'Bold text', inline : 'b'},			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},			{title : 'Example 1', inline : 'span', classes : 'example1'},			{title : 'Example 2', inline : 'span', classes : 'example2'},			{title : 'Table styles'},			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}		],		// Replace values for the template plugin		template_replace_values : {			username : "Some User",			staffid : "991234"		}	});</script>	<main>		<section id="wrapper">						<section id="content">						<section id="submenu">                                                        <?php                                                        $SQL_RS = mysql_query("SELECT status FROM noticias WHERE status=0");                            $SQL_TN = mysql_query("SELECT status FROM noticias WHERE status=1");                            $SQL_LX = mysql_query("SELECT status FROM noticias WHERE status=2");                                                        $CNT_RS = mysql_num_rows($SQL_RS);                            $CNT_TN = mysql_num_rows($SQL_TN);                            $CNT_LX = mysql_num_rows($SQL_LX);                                                                       ?>                            				<ul>                                    <li id="publicar-noticia-menu" class="activeColor">Publicar notícia</li>                                    <li id="todas-as-noticias">Ver todas as notícias <?php if($CNT_TN != 0): echo "($CNT_TN)"; endif; ?></li>                                    <li id="rascunhos-menu">Rascunhos <?php if($CNT_RS != 0): echo "($CNT_RS)"; endif; ?></li></li>                                    <li id="lixeira-menu">Lixeira <?php if($CNT_LX != 0): echo "($CNT_LX)"; endif; ?></li></li>				</ul>			</section>						<section id="publicar-noticia">					                            <form action="acoes/publicar-noticia.php" method="POST" enctype="multipart/form-data">				<section id="publicar-noticia-left">					<table>					<tbody>						<tr>							<td><input type="text" name="titulo-noticia" placeholder="Coloque o título aqui" /></td>						</tr>						<tr>							<td><textarea name="conteudo-noticia" id="maxW"></textarea></td>						</tr>					</tbody>					</table>						</section>					<section id="publicar-noticia-right">												<section id="publicar-nota-informacoes">							<table>								<tbody>									<tr>										<td align="left"><input type="submit" name="publicar" value="Publicar Notícia" /></td>										<td align="right"><input type="submit" name="salvar-rascunho" value="Salvar Notícia" /></td>									</tr>									<tr>										<td>Data Publicação:</td>										<td align="right"><?php echo date("d/m/Y"); ?></td>									</tr>									<tr>										<td>Autor:</td>										<td align="right"><?php echo $nomeUser; ?></td>									</tr>								</tbody>							</table>						</section>												<section id="publicar-nota-informacoes">							<table>								<tbody>									<tr>										<td>Tags de Pesquisa</td>									</tr>									<tr>										<td><input type="text" name="tags-pesquisa" placeholder="Digite suas tags de pesquisa" /></td>									</tr>									<tr>										<td id="tags-escolhidos"></td>									</tr>								</tbody>							</table>						</section>													<section id="publicar-nota-informacoes">							<table>								<tbody>									<tr>										<td>Imagem da Notícia</td>									</tr>									<tr>										<td>											<input type="text" id="imagem-noticia-carregar" placeholder="Selecione a imagem da sua notícia" />											<input type="file" id="imagem-carregada" name="imagem-noticia" /></td>									</tr>								</tbody>							</table>										</section>												<section id="publicar-nota-informacoes">							<table>								<tbody>									<tr>										<td>Categoria da Notícia</td>									</tr>									<tr>										<td>											<select name="categoria-noticia">											<option	selected="selected" value="">Selecione uma Categoria</option>                                                                                                                                                                                <?php                                                                                                                                                                                $SQL_C = mysql_query("SELECT * FROM categoria");                                                                                                                                                                                while ($ct = mysql_fetch_array($SQL_C)){                                                                                                                                                                                ?>                                                                                        <option value="<?php echo $ct['id_categoria']; ?>"><?php echo $ct ['nome_categoria']; ?></option>                                                                                        <?php } ?>                                                                                                                                                                                </select>										</td>									</tr>								</tbody>							</table>										</section>											</section>						  </form>			</section> <!--Publicar Noticia -->                                                <section id="todas-as-noticias">                                                        <table cellpadding="0" cellspacing="0">                                <tbody>                                    <tr>                                                                                <td>Titulo da Notícia</td>                                        <td>Autor</td>                                        <td>Categorias</td>                                        <td>Tags</td>                                        <td>Data</td>                                    </tr>                                    <?php                                                                        $SQL_TDN = mysql_query("SELECT titulo, dataPub, autorPub, tags, nome_categoria FROM noticias INNER JOIN categoria ON (noticias.categoria = categoria.id_categoria) WHERE status = 1");                                                                        while ($TND = mysql_fetch_array($SQL_TDN)) {                                                                               ?>                                    <tr>                                        <td><?php echo $TND['titulo']; ?></td>                                        <td><?php echo $TND['autorPub']; ?></td>                                         <td><?php echo $TND['nome_categoria']; ?></td>                                        <td><?php echo $TND['tags']; ?></td>                                        <td><?php                                                                                 $dataExb = explode("-", $TND['dataPub']);                                                                                 echo $dataExb[2]."/".$dataExb[1]."/".$dataExb[0];                                        ?></td>                                    </tr>                                                                                                           <?php } ?>                                                                                                        </tbody>                            </table>                                                    </section> <!--Section Todas as Noticias -->						</section> <!-- Content -->						</section> <!-- Wrapper -->			</main><?php require "includes/footer.php"; ?>

darkstrikerd · 26 de junho de 2015

@wesley Araujo Novamente não enxergo de cara nenhum problema. No teu caso eu iria setar uns breakpoints no source do default.js, faz isso logo no primeiro comando, quando ele der stop, olha se o documento está totalmente carregado.

Já tive problemas porque quando o script disparava nem todos os elementos DOM estavam carregados ainda, pode ser esse o caso.

Outra coisa que notei é que está carregando teus javascript no head, isso ocasiona um comportamento que as vezes atrapalha e pode ocasionar exatamente o que falei acima. Mais detalhes sobre isso aqui.

Pelo que vi você já deve saber debugar javascript, mas vou deixar esse link de como fazer no Chrome.