0

このチュートリアルの jQuery ベースの画像スライダーを再利用しました。

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

href物事の説明側がに設定されていることに依存していることを除いて、ほとんどの場合、それはうまく機能し"#fragment-whatever number"ます。基本的な 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」以外のリンクに設定したいということです。やり方がわかりません。何か案は？

4

1 に答える 1

0

私は自分の問題に答えたようです。次のように、ダミー タグの後に onclick イベントを a タグに追加しました。

<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;
}

これでひとまず問題は解決したようです。もちろん、私はより良い解決策を受け入れています。

于 2013-04-03T18:10:43.977 に答える