jquery - 内部の画像スライダー (ajax) .load が壊れる

Question

これは、このフォーラムでの最初の質問であり、ajax の .load 要素に関連しています。基本的に、リスト項目がクリック可能なリンクである順序付けられていないリストがあります。

<ul id="menuButton">
    <a href="index.html" rel="address:/Home" id='Home'><li id="HTML/Home.html" class="current"><p>Home</p></li></a>
    <a class="clickable" href="HTML/Projects.html" rel="address:/Projects" id='Projects'><li id="HTML/Projects.html" class=""><p>Projects</p></li></a>
    <a class="clickable" href="HTML/Designers.html" rel="address:/Designers" id='Designers'><li id="HTML/Designers.html" class=""><p>Designers</p></li></a>
    <a class="clickable" href="HTML/Contact.html" rel="address:/Contact" id='Contact'><li id="HTML/Contact.html" class=""><p>Contact</p></li></a>
</ul>

これらのリンクをクリックすると、さまざまな html スニペットが読み込まれ、その中には画像スライダー (ホームとプロジェクトのリンク) が含まれているものもあります。これらは、コンテンツが初めて要求されたときに正常に読み込まれますが、別のタブに移動してから戻ると、スライダーが機能しなくなります。ajax メソッドを使用するコードは $.(document).ready 関数内にあり、次のようになります。

$('a.clickable').click(function(){

    var toLoad = $(this).attr('href') + '#main';

    $('#content').slideUp('slow', loadContent);

    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);

    function loadContent(){
        $('#content').load(toLoad, '' , showNewContent())
    }

    function showNewContent(){
        $.getScript("projectViewer.js",function(){alert('projectview ok')});
        $.getScript("jquery.slicebox.js");
        $('#content').slideDown('slow')
    }

    return false;

});

さまざまな方法を試しましたが、これを修正する方法に完全に困惑しています。projectview の ok アラートが表示されるため、スクリプトが読み込まれることはわかっていますが、画像スライダーでナビゲーションが壊れます。

このエラーを以前に見たことがあり、それが役立つ人はいますか?

補足: .load ajax メソッドを使用して戻るボタンの機能を取得する方法を誰かが知っていれば、それも大歓迎です。