2

このJqueryコードを取得しました

  <head>
  <script type="text/javascript">
    $(document).ready(function() {
        $("#pav li a").click(function() {
            $(".srvctext").empty().append("<div id='loading'><img src='loading2.gif' alt='Loading' /></div>");
            $("#pav li a").css('color','#656565');
            $(this).css('color','#3ca5d4');
            $.ajax({ 
                url: this.href, 
                success: function(html) {
                    $(".srvctext").empty().append(html);
                }
            });
            return false;
        });


    });
</script>
  </head>

そしてこのHTML

  <div class="srvclinksholder">
    <h4> Our Services </h4>

        <ul id="pav">
            <li><a href="pages/page_1.html"  id="mostPopular">Technical Infrastructure Service</a></li>
            <li><a href="pages/page_2.html"  id="mostPopular">Email Exchange Service (Messaging)</a></li>
            <li><a href="pages/page_3.html"  id="mostPopular">Firewall Services</a></li>
            <li><a href="pages/page_4.html"  id="mostPopular">Security and Antivirus Service</a></li>
....

別のページからこれらのページの1つへのリンクを作成できるようにしたいのですが、＃を使用する必要があると思います。したがって、<a href="service/pages/page_4.html">サービスがページ名である場合、明らかに機能しません。多分このようなもの<a href="service.html#pages/page_4.html">

これを達成するには、どのような変更を加える必要がありますか？

4

1 に答える 1

1

デモ：http：//jsfiddle.net/LxreN/3/

基本的に、他のdivのhtmlを変更することになります。

$(".srvctext").html("<div id='loading'><img src='loading2.gif' alt='Loading' /></div>");

以下の成功により、毎回2つのDOMアクセスが発生するため、毎回空にする必要はありません。これは、IEではうまく処理されません。

    success: function(html) {
        $(".srvctext").html(html);
    }
于 2013-01-27T09:00:29.533 に答える