0

私は Javascript の初心者で、しばらく問題に苦しんでいます。div別のローカル HTML ドキュメントから既存の新しいコンテンツを開きたいです。したがって、メインコンテンツにはプロジェクトの簡単なリストがあり、1 つのプロジェクトをクリックすると、プロジェクトと同じ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;
    });
 });

div問題は、プロジェクト「#content」を使用してメインに戻りたい場合、マウスまたはブラウザーの戻るボタンを使用した場合、他divの「#mynewdiv」に固執した場合、または以前に開いていたサイトに移動した場合です。誰でもコードを手伝ってもらえますか?

私はまだこの問題に取り組んでいます。私に似た大まかな例を見つけて、それを変換して、希望どおりに動作させましたが、それでも正常に動作しません。私の問題をリフレッシュするには。

特定の div、新しい html ページで開きたいのですが、戻るボタンが機能します。

私も benalman bbq を試しましたが、何が間違っているのかわかりません。

これが私がやっていることです

    <!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>

答えてくれてありがとう

4

1 に答える 1

0

.load()データを取得し、同じサイトに表示します。ブラウザは決してページを変更しません。したがって、[戻る] をクリックすると、ブラウザーは前に開いていたサイトに移動します。

jQuery Addressのようなプラグインを使用して、必要な動作をシミュレートできます。

于 2012-12-05T17:43:55.423 に答える