如何链接jquery-ui-tabs所依赖的# href

Question

我在这里重新设计了一个基于jQuery的图像滑块：

http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui

在大多数情况下，它工作得很好，除了描述方面依赖于被设置为"#fragment-whatever number"的href。基本的HTML设置如下所示：

<div id="featured" >  
    <ul class="ui-tabs-nav">  
        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
          <a href="#fragment-1"><img src="images/image1-small.jpg" alt="" />
            <span>15+ Excellent High Speed Photographs</span>
          </a>
        </li>
</ul>

<div id="fragment-1" class="ui-tabs-panel" style="">  
        <img src="images/image1.jpg" alt="" /> 
</div>
</div>

下面是运行它的jQuery：

$(document).ready(function () {
    $("#sliderContainer > ul").tabs({
        fx: {
            opacity: "toggle"
        }
    }).tabs("rotate", 5000, true);
    $("#sliderContainer > ul").hover(function () {
        $("#sliderContainer > ul").tabs({
            event: "mouseover"
        }).tabs("rotate", 0, true);
    }, function () {
        $("#sliderContainer > ul").tabs("rotate", 5000, true);
    });

现在，我的问题是，我想将列表中的内容设置为一个链接，而不是"#fragment“。我不知道该怎么做。有什么想法吗？

Answer 1

我似乎已经回答了我自己的问题。我在虚拟标签后面的a标签中添加了一个onclick事件，如下所示：

<a href="#fragment-1" onclick="javascript: goto_this_page('http://wherever.com')">

我在它上面的某个地方创建了这个函数来处理onclick调用：

var goto_this_page = function (this_href) {
var href = this_href;
window.location.href = href;
}

这似乎暂时解决了问题。当然，我对更好的解决方案持开放态度。