Olá comunidade Stack Over Flow, estou tentando incluir páginas via ajax
, porém quando clico para abrir o dropdown
ele é ignorado e adiciona a página de Index of
do WampServer
, como proceder nesses casos?
Aqui vou colocar uma imagem e o código JavaScript
:
$(function() {
$("#loading").hide();
$("ul.nav a").click(function() {
page = "template/pages/"+$(this).attr('href')
$("#loading").ajaxStart(function() {
$(this).show();
});
$("#loading").ajaxStop(function() {
$(this).hide();
});
$("#main").load(page)
return false;
});
});
Principal: conteúdo :
<section id="main" class="section-main">
<img src="template/assets/images/icons/load.gif" id="loading">
<?php
include("./template/pages/meus-tickets.php");
?>
</section>
Menu:
<ul class="nav navbar-nav navbar-right">
<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>
Obs: Eu gostaria que os links sem dropdown
e com dropdown
continuassem à funcionar, aguardo respostas. []'s