0

私は2つのhtmlページを持っています

ページ1には、「link1」と「link2」の2つのリンクがあります

ページ2には、2つのリンク「link1」と「link2」、および2と「link2」もあり<div id="pan1">ます<div id="pan2"> <div id="pan1">

&<div id="pan2">はjqueryで表示/非表示として機能しています

ユーザーが page1 の link1 をクリックするとページ 2 に移動し、div"id=pan1" が表示され、ユーザーが page1 の link2 をクリックするとページ 2 に移動し、div"id=pan2" が表示されます。

これがページ1のhtmlコードです

<ul class="linkList">
<li><a href="#pan1">Link 1</a></li>
<li><a href="#pan2">Link 2</a></li>
</ul>

これがページ2のコードです

html

<ul class="linkList">
<li><a href="#pan1">Link 1</a></li>
<li><a href="#pan2">2</a></li>
</ul>
<div id="pan1" class="switchgroup" style="padding:10px; background-color:#060">div 1</div>
<div id="pan2" class="switchgroup" style="padding:10px; background-color:#936">div 2</div>

CSS

#pan1, #pan2{
    display:none;   
}

jquery

$(document).ready(function(){
    $('#pan1').show();
    $('.linkList li:first-child a').addClass('active');
    $('.linkList li a').click(function() {
        var tabDivId = this.hash;                              

        $('.linkList li a').removeClass('active');
        $(this).addClass('active');
        //console.log(tabDivId);
        $('.switchgroup').hide();
        $(tabDivId).fadeIn();
        return false;
    });
});
4

2 に答える 2

1

これにより、それを行う方法の一般的なアイデアが得られるはずです。このコードはテストしていないため、小さな問題がある可能性があることに注意してください。

ページ 1 HTML:

<ul class="linkList">
    <li><a href="page2.html#pan1">Link 1</a></li>
    <li><a href="page2.html#pan2">Link 2</a></li>
</ul>

ページ 2 HTML:

<ul class="linkList">
    <li><a href="#pan1" class="panlink">Link 1</a></li>
    <li><a href="#pan2" class="panlink">2</a></li>
</ul>
<div id="pan1" class="switchgroup">div 1</div>
<div id="pan2" class="switchgroup">div 2</div>

ページ 2 JS:

$(function() {
    var anc = window.location.href.split('#')[1];
    $('#' + anc + '.switchgroup').show();

    $('a.panlink').click(function() {
        $('.switchgroup').hide();
        $($(this).attr('href')).show();
    });
});

ページ 2 CSS:

.switchgroup { display: none; }
于 2012-11-17T09:20:50.693 に答える
0

他のページに実装する関数を作成することはできないと思いますが、あなたの場合はパラメータを使用できます。

2番目のページを提供する（2番目のページにリダイレクトする）場合は、クエリ文字列パラメーターを追加するか、フォームのパラメーター（Post / Get）を使用します。JQueryのready関数で、非表示/表示コードを追加します。

私があなたの質問を理解したところから、これは仕事をするはずです。

于 2012-11-17T08:38:50.517 に答える