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(只是进入它),我真的无法弄清楚。

您可以在此处查看网页:http: //jowannes.com/thomasschoof/portfolio.html

我希望有人可以帮助我,在此先感谢!托马斯

4

1 回答 1

3

您的问题是,您在用于加载外部脚本文件(jQuery)的脚本标签中编写了 JS 代码。您的脚本不会以这种方式执行。

src:该属性指定外部脚本的 URI;这可以用作直接在文档中嵌入脚本的替代方法。指定了 src 属性的脚本元素不应在其标签中嵌入脚本。

来自:https ://developer.mozilla.org/en-US/docs/HTML/Element/Script

为您的代码设置一个单独的脚本标签,或者从第二个外部脚本文件中包含它,看看会发生什么。

于 2012-09-18T08:54:15.873 回答