2

ページ上のリンクをクリックすると、ページに複数の非表示の div があり、それぞれが異なるコンテンツを保持しています。

<a href="#contentone" class="clicky">Load content one</a>
<a href="#contenttwo" class="clicky">Load content two</a>

<div id="contentone">Some content here to be loaded into another div</div>
<div id="contenttwo">Some content here to be loaded into another div</div>

<div id="slider">
  This content to be replaced by content from links/hidden divs
</div>

現在、この設定を行っているため、外部ソースからコンテンツをロードしますが、ページに非表示のコンテンツをスライダーに入力することをお勧めします (上記のように)。

私の現在のjqueryは以下のとおりです。これを変換して、外部ファイルではなくページの非表示のdiv内で機能するようにしたいと思います。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(function () {
    $(".clicky").click(function () {
                var url = this.href;
                var e = $("#slider");
                e.load(url, function() {
                    e.animate({width: "show"}, 500);
                });
                return false;
    });
});
});//]]>  

</script>
4

1 に答える 1

5

を使用する必要はありません.load。

$(function () {
    $(".clicky").click(function () {
        var content_id = $(this).attr('href');
        $('#slider').hide().html($(content_id).html()).show(500);
        return false;
    });
});

ワーキングデモ。

于 2012-08-20T08:18:24.630 に答える