Ir para conteúdo

Arquivado

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

TheNight

Como adicionar mais opções ao Ajax?

Por , em Javascript

Recommended Posts

TheNight    1

TheNight
Postado

Olá comunidade iMasters, estou com um sério problema, o pessoal do Stack Over Flow não soube me responder, então estou recorrendo a este fórum...

 

Preciso do seguinte, ao executar este código abaixo, só está funcionando com o dropdown, os links normais não funcionam, como posso proceder para resolver ?

 

Obs: Como retornar um erro 404 por javascript?

 

Aguardo respostas.

 

Veja:

$(function() {
    $("#loading").hide();

    $("ul ul a").click(function() {

        page = "template/pages/"+$(this).attr('href')

        $("#loading").ajaxStart(function() {
            $(this).show();
        });

        $("#loading").ajaxStop(function() {
            $(this).hide();
        });

        $("#main").load(page)
        return false;
    });
});

Está aqui o meu html


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Título</title>

    <link href="template/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="template/assets/css/custom.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  	<nav class="navbar navbar-inverse navbar-fixed-top">
		  <div class="container">
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">Título</a>
		    </div>

		    <div class="collapse navbar-collapse" id="navbar-collapse-1">
		      <ul class="nav navbar-nav navbar-right">
		      	<li>
		      		<a href="meus-tickets.php">sadfasdf</a>
		      	</li>
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
		          	<i class="glyphicon glyphicon-user"></i> <span class="caret"></span>
		          </a>
		          <ul class="dropdown-menu">
		            <li><a href="#"><i class="glyphicon glyphicon-edit"></i> Editar perfil</a></li>
		            <li><a href="novo-ticket.php"><i class="glyphicon glyphicon-open"></i> Submeter um ticket</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#"><i class="glyphicon glyphicon-log-out"></i> Sair</a></li>
		          </ul>
		        </li>
		      </ul>
		    </div>
		  </div>
		</nav>

		<section id="main" class="section-main">
			<img src="template/assets/images/icons/load.gif" id="loading">
			<?php
			include("./template/pages/meus-tickets.php");
			?>
		</section>

		<footer class="footer">
	      <div class="container">
	        <p class="text-muted">Título © 2016</p>
	      </div>
	    </footer>
    <script src="template/assets/js/jquery.min.js"></script>
    <script src="template/assets/js/bootstrap.min.js"></script>
    <script src="template/assets/js/ajax.js"></script>
  </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O que significa a frase:

só está funcionando com o dropdown, os links normais não funcionam

?

 

Funcionando o quê com o dropdown?

quem são os links normais? o quê não funciona?

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