1

我试图制作一个能够在不刷新的情况下更改页面内容的子菜单,所以我使用 AJAX 选项卡来调用外部 htm。选项卡正在工作,但我的外部 htm 中有一个 JavaScript,它使白色导航箭头工作,并且还交叉淡入淡出内容,这是不工作的。我该如何解决?

我说的是这个特定的页面 - “Nick 101”
www.adigitalgoodie.com/about.htm

它应该像在首页
www.adigitalgoodie.com/index.htm上一样工作

这是 htm 中的 JavaScript,通过 AJAX 获取,它不起作用:

<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 中,并使用 live/on jquery 方法:

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

将该代码放入函数中,并在您的ajax请求完成后调用该函数

于 2012-10-18T12:20:37.280 回答