Question

我正在尝试更改网站投资组合部分的内容。我有一个名为.portfolio_box的div，它包含项目的一个小预览（每个项目div也有不同的id）。当您单击此div（.portfolio_box）时，我希望内容div（#main_content）的内容消失并替换为相应的内容。

我找到the following tutorial并根据我的需要调整了脚本：

<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）的脚本标记内编写了JS代码。你的脚本就不会以那种方式执行。

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

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

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

单击div [jQuery]更改div的内容

1 个答案: