Preciso de ajuda sobre as guias do jQuery.
Eu tenho o seguinte código que imprime guias
<html>
<head>
<title>jQuery UI URL Tabs</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<script>
$(function() {
$( "#myTabs" ).tabs();
});
</script>
<body>
<div id="myTabs">
<ul>
<li><a href="#t1">Page 1</a></li>
<li><a href="#t2">Page 2</a></li>
</ul>
<div id="t1"></div>
<div id="t2"></div>
</div>
</body>
</html>
Eu quero carregar o conteúdo das guias dinamicamente com URL, por exemplo t1 = http://www.google.co.in t2 = http://www.yahoo.com
Alguém pode por favor ajudar?
Obrigado.
Respostas:
1 para resposta № 1Você realmente não tentou resolver o problema sozinho, por favor, dê uma olhada na documentação do jQuery e procure por $ .load () ou $ .ajax ()
0 para resposta № 2
Você não pode carregar uma página inteira na aba Jquery. Você pode carregar um simples html ou conteúdo com o Ajax.
Tente inserir Iframe na guia Jquery e, em seguida, carregue o URL na guia.