0

ウェブサイトのポートフォリオ セクションのコンテンツを変更しようとしています。プロジェクトの小さなプレビューを含む .portfolio_box という名前の div があります (各プロジェクト div にも異なる ID があります)。この div (.portfolio_box) をクリックすると、コンテンツ div (#main_content) のコンテンツが消えて、対応するコンテンツに置き換えられます。

次のチュートリアルを見つけて、必要に応じてスクリプトを調整しました。

<script type="text/javascript">
    $(document).ready(function() 
    {  
        $("#thomasschoof_old").click(function()
        {  

            /*hide( 'fast', function() 
            { 
                $('#main_content').load(thomasschoof_old.html,'',showNewContent); 
            } );

           var toLoad = $(this).attr('href')+' #main_content';  */
            $('#main_content').hide('fast',loadContent);  
            $('#page').append('<span id="load">LOADING...</span>');  
            $('#load').fadeIn('normal'); 

            }); 

            function loadContent() 
            {  
                $('#main_content').load('thomasschoof_old.html #project','',showNewContent)  
            }  

            function showNewContent() 
            {  
                $('#main_content').show('normal',hideLoader);  
            }  

            function hideLoader() 
            {  
                $('#load').fadeOut('normal');  
            } 
            return false;           


    });  
</script>

しかし、div #thomasschoof_old をクリックしても何も起こりません。私は jQuery や Javascript についてあまり詳しくありません (始めたばかりです)。

ここで Web ページを表示できます: http://jowannes.com/thomasschoof/portfolio.html

誰かが私を助けてくれるといいのですが、よろしくお願いします！トーマス

4

1 に答える 1

3

あなたの問題は、外部スクリプト ファイル (jQuery) をロードするために使用されるスクリプト タグ内に JS コードを記述したことです。あなたのスクリプトは、そのように実行されることはありません。

src : この属性は、外部スクリプトの URI を指定します。これは、スクリプトをドキュメント内に直接埋め込む代わりに使用できます。src 属性が指定された script 要素は、そのタグ内にスクリプトを埋め込んではなりません。

出典: https://developer.mozilla.org/en-US/docs/HTML/Element/Script

コード用に別のスクリプト タグを設定するか、2 番目の外部スクリプト ファイルからそれを含めて、何が起こるかを確認します。

于 2012-09-18T08:54:15.873 に答える