Carregar conteúdo em Janela Modal de outra URL
Bom dia aos amigos,
Estou com uma dificuldade que até então parece ser besta :) mais não estou conseguindo resolver, vamos ao que interessa.
Estou carregando conteúdo dinâmico em uma modal, a modal abre certinha quando chamada pelo link, entretanto esta abrindo em branco sem conteúdo algum. Segue código:
<html>
<head>
<title>Janela Modal 2</title>
<link rel="stylesheet" href="[http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css](http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css)">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(document).ready(function(){
var dialogOpts = {
modal: true,
bgiframe: true,
autoOpen: false,
height: 500,
width: 500,
draggable: true,
resizeable: true
}
$("#dialog").dialog(dialogOpts);
$('.showdialog').click(function (){
$("#dialog").load($(this).attr('href'));
$("#dialog").dialog({title: $(this).attr('title')});
$("#dialog").dialog('open');
return false
});
});
</script>
</head>
<body>
<ul>
<li><a href="teste.html" class="showdialog" title="Conteúdo Primário">Mostrar Conteudo Primário</a></li>
<li><a href="[http://www.google.com.br](http://www.google.com.br)" class="showdialog" title="Conteúdo Secundário">Google</a></li>
<li><a href="teste3.html" class="showdialog" title="Conteúdo Terceiro">Mostrar Conteudo Terceiro</a></li>
</ul>
<div id="dialog"></div>
</body>
</html>
Agradeço desde já quem poder ajudar!
Discussão (2)
Carregando comentários...