調用AJAX后JavaScript無法正常工作-AJAX標簽

Question

我試圖使子菜單具有無需刷新即可更改頁面內容的功能，因此我使用AJAX選項卡調用了外部htm。 選項卡有效，但是我在外部htm中有一個JavaScript，該JavaScript使白色導航箭頭有效，並且使內容交叉淡入淡出，從而無法正常工作。 我該如何解決？

我說的是這個特定頁面-“尼克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>

Answer 1

似乎所有頁面的腳本都是相同的。 這樣，您可以將其放在主html中，並使用實時/在線jquery方法：

$("#container").on("click", ".contentnavright", function(){whatever});

Answer 2

將該代碼放入函數中，並在您的ajax請求完成后調用該函數

Answer 3

$('.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元素。