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

我希望能够创建从另一个页面到其中一个页面的链接，我想我必须以某种方式使用 # 只是不确定。因此，如果我的<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 回答