在div中加载html，然后将其删除

Question

我是Java语言的初学者，而且一段时间以来都在为一个问题而苦苦挣扎。 我想从另一个本地html文档中打开现有div的新内容。 所以在主要内容中，我有一个简单的项目列表，当我单击一个项目时，我希望它在与我的项目相同的div '#content'中打开。 为此，我使用代码：

$(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;
    });
 });

问题是，当我想返回带有项目'#content'的主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>

感谢您的回答

Answer 1

.load()获取数据并将其显示在同一站点上。 浏览器永远不会更改页面。 因此，当您单击返回时，浏览器将转到上一个打开的站点。

您可以使用jQuery Address之类的插件来模拟所需的行为。

在div中加载html，然后将其删除

问题描述

1 个解决方案

解决方案1
0 2012-12-05 17:43:55

在div中加载html，然后将其删除

问题描述

1 个解决方案

解决方案1 0 2012-12-05 17:43:55

解决方案1
0 2012-12-05 17:43:55