Я пытался использовать плагин jQuery UI tabs и имел много проблем, но быстро обнаружил, что создать свой собственный очень легко.
Примерно так ... очевидно, вы можете настроить это в соответствии с вашими требованиями
<div class="navcontainer">
<ul>
<li><a class="tab" id="p1" href="#1">Tab One</a></li>
<li><a class="tab" id="p2" href="#2">Tab Two</a></li>
</ul>
</div>
Тогда в JS
var pageUrl = new Array();
pageUrl[1] = "pageone.php";
pageUrl[2] = "pagetwo.php";
$(document).ready(function() {
$(".tab").click(function() {
loadTab($(this).attr('id'));
});
});
function loadTab(id) {
if (pageUrl[id].length > 0) {
$("#preloader").show();
$.ajax({
url: pageUrl[id],
cache: false,
success: function(message) {
$("#tabdiv").empty().append(message);
}
});
}
}
Не совсем точный ответ Silverlight, так что извините, если вы не находите это очень полезным. Но, надеюсь, может сэкономить вам время.