1

更新せずにページのコンテンツを変更できるサブメニューを作成しようとしているので、AJAX タブを使用して外部 htm を呼び出しました。タブは機能していますが、外部 htm 内に JavaScript があり、白いナビゲーション矢印が機能し、コンテンツがクロスフェードしますが、機能していません。これを修正するにはどうすればよいですか?

私はこの特定のページについて話している - "Nick 101"
www.adigitalgoodie.com/about.htm

フロントページwww.adigitalgoodie.com/index.htmと同じように機能するはずです

これは、AJAX 経由でフェッチされた htm 内の JavaScript であり、機能していません。

<script type="text/javascript">

        $('.contentnavright').click(function(){
            $('.contenttext1').fadeOut();
            $('.contenttext2').fadeIn();
            $('.contentnavleft').css('opacity', '1');
            $('.contentnavleft').css('-moz-opacity', '1');
            $('.contentnavleft').css('filter', 'alpha(opacity=100)');
            $('.contentnavright').css('opacity', '0');
            $('.contentnavright').css('-moz-opacity', '0');
            $('.contentnavright').css('filter', 'alpha(opacity=0)')     
        });

        $('.contentnavleft').click(function(){
            $('.contenttext1').fadeIn();
            $('.contenttext2').fadeOut();
            $('.contentnavleft').css('opacity', '0');
            $('.contentnavleft').css('-moz-opacity', '0');
            $('.contentnavleft').css('filter', 'alpha(opacity=0)');
            $('.contentnavright').css('opacity', '1');
            $('.contentnavright').css('-moz-opacity', '1');
            $('.contentnavright').css('filter', 'alpha(opacity=100)')
        });

        </script>
4

3 に答える 3

0 
$('.contentnavleft').click(myFunc);  

function myFunc(){
   $('.contenttext1').fadeIn();
   $('.contenttext2').fadeOut();
   $('.contentnavleft').css('opacity', '0');
   $('.contentnavleft').css('-moz-opacity', '0');
   $('.contentnavleft').css('filter', 'alpha(opacity=0)');
   $('.contentnavright').css('opacity', '1');
   $('.contentnavright').css('-moz-opacity', '1');
   $('.contentnavright').css('filter', 'alpha(opacity=100)')
}

次に、ajax リクエストを終了したら$('.contentnavleft').click(myFunc);、関数を .contentnavleft 要素に再度バインドします。

于 2012-10-18T18:58:26.870 に答える
0

スクリプトはすべてのページで同じようです。そのため、メインの html に配置して、ライブ/オン jquery アプローチを使用できます。

$("#container").on("click", ".contentnavright", function(){whatever});
于 2012-10-18T12:19:50.950 に答える
0

そのコードを関数に入れ、ajax リクエストが終了した後に関数を呼び出します

于 2012-10-18T12:20:37.280 に答える