0

Jquery アドレス プラグインを正常に機能させるために約 12 時間試行錯誤を続けてきたので、投稿する時期が来たと判断しました。私が抱えている問題は、前後のナビゲーションが機能していないことです。IE: リンクをクリックしてから [戻る] ボタンをクリックしても、実際には戻りません。ただし、URLを変更します。根本的に間違ったことをしていると思わせるもう 1 つのことは、 を挿入した$.address.title($(this).attr("title"));にもかかわらず、実際にはアドレスが変更されていないことです。

ここにJquery：

$('#swNavlist a').address(); 
$('#swNavlist a').click(function() {

    $("#swBody").block({ 
    message:"Loading",
    css: { 
        border: 'none', 
        padding: '15px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: .5, 
        color: '#fff' 
    } });


    var content_show = $(this).attr("href").replace(/^#/, '');


    $.ajax({
        method: "get",url: content_show,
        //"+bvLanguage+"/

        success: function(html){ //so, if data is retrieved, store it in html

            $("#swBody").html(html); //show the html inside .content div
            $("#swBody").unblock();
            $.address.title($(this).attr("title"));


        },//success
        error: function(){
            $("#swBody").unblock();
            $("#swBody").block({ 
                message:"Error Encountered",
                css: { 
                    border: 'none', 
                    padding: '15px', 
                    backgroundColor: '#000', 
                    '-webkit-border-radius': '10px', 
                    '-moz-border-radius': '10px', 
                    opacity: .5, 
                    color: '#fff' 
                }, 
                timeout:1000
            })  
        }   
    }); //close $.ajax(
    $("#swNavlist").topZIndex();

});//end navigation

ここに HTML:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <Title>Swebits Home</title>
    <link href="css/swCss.css" rel="styleSheet" type="text/css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.pngFix.js"></script> 
    <script type="text/javascript" src="js/jquery.blockUI.js"></script> 
    <script type="text/javascript" src="js/jquery.topzindex.min.js"></script> 
    <script type="text/javascript" src="js/sw.js"></script>
    <script type="text/javascript" src="js/jquery.address-1.3.2.min.js?autoUpdate=1"></script>



</head>

<body>
        <div id="swHead">
            <div class="leftCol"></div>
            <div class="centerCol">


                <div class="navigation">
                    <ul id="swNavlist">
                        <li id="active"><a href="#home.html" id="current" title="Swebits Home">Home</a></li>
                        <li><a href="#webd.html" title="Swebits Web Development">Web Design</a></li>
                        <li><a href="#bla.html" title="webs.html">Web Systems</a></li>
                        <li><a href="" title="hosting.html">Hosting</a></li>
                        <li><a href="" title="photo.html">Photography</a></li>
                        <li><a href="" title="portfolio.html">Portfolio</a></li>
                        <li><a href="" title="network.html">Our Network</a></li>
                        <li><a href="" title="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="rightCol"></div>
        </div>
    <div id="swContainer" class="clearfix">


        <div id="swCenter" class="clearfix">


            <div id="swBody">
                <?php
                    include("home.html");
                ?>
            </div>

            <div id="swFooter">

            </div>

        </div>

    </div>

</body>

最後に、ターゲットが空白の場合にページが「error.html」にリダイレクトされるようにifステートメントを実装しようとしましたが、それも機能していないようです。

助けてくれてありがとう！

4

2 に答える 2

0

このプラグインは、他の多くの履歴/ハッシュ プラグインと同じように動作しているようです。ただし、asual.comの例によると、ドキュメントでは必要ないと書かれていても、彼は init() 関数を呼び出します。

そのソースを表示し、いくつかのことが不適切に文書化されていないかどうかを確認します

于 2011-03-06T16:53:16.233 に答える
0

これは、JQアドレスイベントによってトリガーされる関数を作成するために必要なことを（クリックイベントトリガー関数を介して）ページを自分でロードしていることと、JQアドレス属性（ の後のディープリンク値）をchange使用する内部AJAX で読み込まれる正しいページを設定します。value#

現在、あなたは現在のページの状態が何であるかを JQ Address に伝えていますが、その値をどうするかを伝えていません。自分で変更を行う必要があるため、正しい URL を入力したり、戻る進むボタン。

于 2011-09-22T19:44:52.277 に答える