jquery选项卡问题

我是jquery的新手，使用以下方法创建了10个标签：

$(document).ready(function() { $('#tabs').tabs(); }); 

然后我为我的标签使用了

a href="#tabs-1"> MYTAB

htlm代码。

我设法创建静态选项卡，现在我可以来回查看我的选项卡的内容。

我面临的问题是每个标签都包含一个指向不同网站的单独链接，用户需要输入其密码/用户名。 我的一些用户无法通过手机等方式实现这一目标。

然后我将我的设计更改为ajax并且它工作正常，但每次页面刷新（用户不希望这样）。

 
a href="url"> MYTAB   

什么是解决这个问题的最佳解决方案？

谢谢

 My script:         $(document).ready(function() { $("#tabs").tabs(); });    
 
 
site1
 
site2
 
site3
 
site4
 
 
  
Your browser does not support iframes.
  
 
  
Your browser does not support iframes.
 
 
  
Your browser does not support iframes.
 
 
  
Your browser does not support iframes.
 
 
   

Answer 1

为什么不使用内置的Ajax选项卡？

   
 
 
 
Preloaded
 
Tab 1
 
Tab 2
 
Tab 3 (slow)
 
Tab 4 (broken)
 
 
 
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
 
 
 
 
 
Fetch external content via Ajax for the tabs by setting an href value in the tab links. While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.
 
Tabs 3 and 4 demonstrate slow-loading and broken AJAX tabs, and how to handle serverside errors in those cases. Note: These two require a webserver to interpret PHP. They won't work from the filesystem.