在div中加載html，然後將其刪除

我是Javascript的初學者，我在一段時間內遇到了一個問題。我想在另一個本地html文檔的現有div中打開一個新內容。因此，在主要內容中，我有一個簡單的項目列表，當我點擊一個項目時，我希望它以與我的項目相同的div'#content'打開。爲此，我使用代碼：在div中加載html，然後將其刪除

$(document).ready(function() { 
    $('a.th-link').click(function() { 
     var url = $(this).attr('href'); 
     $('#content').html('<h4>Loading...</h4>').load(url+ '#mynewdiv'); 
     $.getScript('js/jquery.js'); 
     $.getScript('js/jquery.horizontal.scroll.js'); 
     $.getScript('js/jquery.mousewheel.js'); 
     $(url).remove(); 
     return false; 
    }); 
});

問題是，當我想回到我的主div與項目的＃內容「，用鼠標或用瀏覽器的後退按鈕，我被困在其他div「＃ mynewdiv'，或者我到達以前的開放網站。任何人都可以幫助代碼？

我仍然在處理這個問題。我發現了一個與我的相似的粗略例子，我已經改變了它，像我想要的那樣工作，但仍然不能如其所願。刷新我的問題。

我想在特定div中打開一個新的html頁面，它將返回按鈕。

我也嘗試了benalman燒烤，但我無法弄清楚，我做錯了什麼。

下面是我在做什麼

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>TEST</title> 
    <script src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
    google.load("jquery", "1.4.1"); 
    </script> 
    <script src="jquery.address-1.1.min.js"></script> 


    <script type="text/javascript"> 
    /*<![CDATA[*/ 
    $("document").ready(function(){ 

     function loadURL(url) { 
      console.log("loadURL: " + url); 
      $("#area").load(url); 
     } 


     // Event handlers 
     $.address.externalChange(function(event) { 
console.log("init: " + $('[rel=address:' + event.value + ']').attr('href')); 
$("#area").load($('[rel=address:' + event.value + ']').attr('href')); 
}).change(function(event) { 
console.log("change"); 
}); 

     $('a.test').click(function(){ 
      loadURL($(this).attr('href')); 
     }); 

     }); 

    /*]]>*/ 
    </script> 

<style type="text/css"> 
#area {border-style:solid; 
border-width:5px; 
height:300px; 
width:100%;} 
</style> 

</head> 
<body> 
<p>Test</p> 
    <div id="area"> 

    <a class='test' href="test1.html" rel="address:/test1">Test 1</a> <br /> 
    <a class='test' href="test2.html" rel="address:/test2">Test 2</a> <br /> <br /> <br /> 

</body> 
</html>

感謝您的回答

來源

2012-12-05 user1879882

當您在瀏覽器中按回按鈕時，Javascript的更改將會丟失 – VijayS91

獲取數據，並將其顯示在同一地點。瀏覽器永遠不會改變頁面。所以，當你點擊後，瀏覽器將轉到上一個打開的站點。

您可以使用像jQuery Address這樣的插件來模擬所需的行爲。

來源

2012-12-05 17:43:55

非常感謝，我會嘗試 – user1879882

在div中加載html，然後將其刪除

回答

相關問題