Question

我得到了这个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">

我必须做出哪些改变才能实现这一目标？

Answer 1

DEMO ：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);
    }

用JQuery创建链接

1 个答案: