Boa noite a todos, estou com um problema numa função .load que estou a 2 dias batendo a cabeça e não me dou conta de como resolver, gostaria de poder contar com a colaboração dos amigos.
Segue meu código: teste.php
<!DOCTYPE html>
<html>
<head>
<title>Pagina de Testes</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>BASE | Aplicativo de Controle Financeiro</title>
<link rel="SHORTCUT ICON" href="/app/imagem/icone.png">
<link rel="shortcut icon" href="/app/imagem/icone.png" type="image/x-icon">
<script src="/app/script/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="/app/script/bootstrap_4.3.1/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="/app/script/bootstrap_4.3.1/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="/app/script/bootstrap_4.3.1/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="/app/script/bootstrap_4.3.1/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/app/script/jquery.maskMoney.js" type="text/javascript"></script>
<link rel="stylesheet" href="/app/visual/estilo.css">
<script type="text/javascript">
func = function(){
$("#popup").html('');
$("#popup").load('popup/novo-lancamento.php');
}
</script>
</head>
<body>
<div id="popup">
DIV de Pop-up
</div>
<h1>TESTES</h1>
<a href="teste.php"><button>ATUALIZAR</button></a>
<button onclick="func()"> EXECUTAR</button><br />
</body>
</html>
A função executa o .html() porém o .load() não funciona...