單擊div更改div的內容[jQuery]

Question

我正在嘗試更改網站的“投資組合”部分的內容。 我有一個名為.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不太了解（只是了解它），我真的無法弄清楚。

您可以在此處查看網頁： http : //jowannes.com/thomasschoof/portfolio.html

希望有人能幫到我，謝謝！ 湯瑪士

Answer 1

您的問題是，您在用於加載外部腳本文件（jQuery）的scripts標簽內編寫了JS代碼。 您的腳本不會以這種方式執行。

src ：此屬性指定外部腳本的URI。 這可以用作直接在文檔中嵌入腳本的替代方法。 指定了src屬性的script元素不應在其標簽中嵌入腳本。

來自： https : //developer.mozilla.org/zh-CN/docs/HTML/Element/Script

為您的代碼設置一個單獨的腳本標記，或者從另一個外部腳本文件中包含它，然后看看會發生什么。