Question

这是令人沮丧的结果 - 特别是因为完全相同的代码在其他页面上正常工作！

基本上，我试图将图像加载到容器div中以进行投资组合：

<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5">
    <div class="container clearfix">

        <div id="content" class="grid_12">
            <h1>Portfolio</h1>
            <h2>A sampling of my work.</h2>

            <div id="portfolio">

            </div>
        </div>

    </div>
</div>

投资组合库位于外部页面中，以及各个图像，例如：

<html>

<img src="images/litnetwork.jpg" />

<a href="#"><span id="back" style="color: white;">Go Back</span></a>

<h3>Online Literature Network</h3>

<p><i>A site proposal to remake Online Literature's current website, using more of an open feel and organic text.</i></p>

</html>

这里是加载功能的javascript：

$(function() {

var   portfolio     = $('#portfolio')
     , main        = $('main.html')
     , images      = $('#images')
     , back        = $('#back')
     , scotty      = $('#images #scotty')
     , litnetwork  = $('#images #litnetwork');

showSet('main.html');

portfolio.on('click', litnetwork, function(e){
    e.preventDefault();
    showSet('litnetwork.html');
    });

portfolio.on('click', scotty, function(e){
    e.preventDefault();
    showSet('scotty.html');
    });



portfolio.on('click', back, function(e){
    e.preventDefault();
    showSet('main.html');
    });

function showSet(show) {
    portfolio.load(show);
    }

});

它只会加载一次，不时加载＆＃34;返回＆＃34;链接工作，但它停止工作。

帮助！

这是网站：Portfolio Site

Answer 1

问题在于：

portfolio.on('click', litnetwork, function(e){

litenetwork需要是字符串选择器，而不是jquery对象。

litnetwork  = '#images #litnetwork'

对于其他委派的事件处理程序也是如此。

jQuery .load（）函数只能运行一次

1 个答案: