jQuery .load（）函數只能工作一次

這是令人沮喪的結局 - 特別是因爲這些代碼在其他頁面上運行正常！jQuery .load（）函數只能工作一次

基本上，我試圖讓影像到容器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); 
    } 

});

它只會加載一次，並且「返回」鏈接起作用，但隨後停止工作。

幫助！

這裏的網站：Portfolio Site

來源

2013-12-11 Justin Fowler

的問題是在這裏：

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

litenetwork需要是一個字符串選擇，而不是一個jQuery對象。

litnetwork = '#images #litnetwork'

其餘的委託事件處理程序也是如此。

來源

2013-12-11 20:45:38

哇！ Presto，它的工作原理！謝謝！：D （這是爲什麼，btw？） –

這只是無效的語法，這使得它以意想不到的方式工作。 –

夠公平的，再次謝謝你！我應該在幾個小時前問過。：乙 –

jQuery .load（）函數只能工作一次

回答

相關問題