0

私は、いくつかの緩和効果を持つWebページのさまざまなセクションをロードするのに理想的なjQueryスクリプトを持っています。基本的に、各セクションには一意のIDがあり、1つのセクションが表示され、他のセクションはcssで非表示になります。そして、新しいセクションをロードすると、コンテンツは素敵なトランジションで表示されます。タイプを知っていると確信しています。

このスクリプトは、ajax（つまり別のページ）を介した（外部）コンテンツのロードもサポートしているため、サイト内にexternal.htmlページをロードできます。問題は、新しいページのajaxedコンテンツ内のリンクが機能しないことです。スクリプトは、トランジション効果を生成するリンクをラップしたセレクターを使用して機能します。たとえば、スクリプトは次のように初期化されます。

$(document).ready(function (){  
  //Usage
  $("#menu ul li").slidingPage({
        easing : 'easeInOutQuint',
        speed : 800,
        slideScroll : 'horizontal', 
        top : 0, 
        navigation: {
            show: false,
            nestedPagesFlows: true
        }
  });
});

そして、＃menu ul liのすべてが、外部ページでも効果を生み出します。しかし、外部ページの実際のコンテンツへのリンクに問題があります。

ここに非常に基本的な例がありますsnipped。「概要」セクションはホームページ内にあり、別のページではありません。そのため、「概要」をクリックしてセクションコンテンツのホームページリンクを押すと、ホームページに戻ります。明らかに別のページである外部ページに移動し、コンテンツのホームリンクを押すと、機能しませんが、メニューのホームリンクは機能します：|

ajaxedコンテンツリンクの2番目の関数を試しましたが、これまでのところうまくいきません。私がやりたいのa classは、外部コンテンツで機能し、メニューからだけでなく、そこからサイト内を移動できるようにするを指定することだけです。

見てくれてありがとう、どんな助けでもいただければ幸いです。

4

1 に答える 1

0

この行をこれに変更します

<a class="shoots" href="#homepage" rel="homepage" title="home">Home</a>

基本的にあなたのhrefは間違っていました。外部リンクのホームページの href に href="#homepage" を含める必要があります。それが役に立てば幸い。

于 2012-09-15T17:58:48.657 に答える