Verwenden von JQuery-Registerkarten als Hauptnavigation

Question

Ein JQuery-UI-Register, das von einem JQuery-Design erbt und das Weiterleiten (HTTP GET) an eine neue Seite ausführt, ist das Ziel.

Ich bin 90% dort mit dem folgenden Code, aber der Kompromiss bestand darin, die Ziel-URL in den Anker TITLE (das Register Widget erwartet die HREF eine lokale Seite Selektor).

Dies funktioniert, aber für SEO-Zwecke möchte ich die HREFs tatsächliche URLs sein, um sicherzustellen, dass Suchmaschinen folgen und indizieren sie.

Gedanken?

<script> 
$(function() { 
    $("#tabs").tabs(); 
    $(".nav-link") 
     .click(function() { 
      window.location = this.title; 
     }); 
}); 
</script> 

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1" title="home.html" class="nav-link">Home</a></li> 
    <li><a href="#tabs-2" title="contact.html" class="nav-link">Contact Us</a></li> 
</ul> 
<div id="tabs-1"></div> 
<div id="tabs-2"></div> 
</div> 

Answer 1

Wenn Sie sicherstellen, dass Sie bestimmte HTML-Struktur folgen, können Sie so etwas wie tun kann,

<div id="tabs"> 
<ul> 
     <li><a href="home.html">Home</a></li> 
     <li><a href="contact.html">Contact Us</a></li> 
</ul> 
<!-- Make sure that your DIVs are called 'tabs-0', 'tabs-1' etc. 'tabs-0' will be referred by first link, tabs-1 will be referred by second link, so on and so forth. --> 
<div id="tabs-0"></div> 
<div id="tabs-1"></div> 
</div> 

Wenn Ihre HTML-Struktur wie folgt aussieht, können Sie tun:

<script> 
$(function() { 

     var tabId = '#tabs'; 
     $(tabId + ' a').each(
      function(index, val) 
      { 
       $(this).attr('href', tabId + '-' + index); 
      } 
     ); 

     $("#tabs").tabs(); 
}); 
</script> 

Jetzt suchen Die Suchmaschine wird diese Links sehen, wo der Benutzer Ihr normales Tab-Verhalten sehen wird.

Answer 2

Ich bin verwirrt, warum dies durch jquery getan werden muss. Wenn Sie nur eine Http Get Redirect wollen, das ist, was <a href=""> Tage entwickelt wurden, zu tun.