我试图制作一个能够在不刷新的情况下更改页面内容的子菜单,所以我使用 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>