Javascript 使用JQuery创建链接_Javascript_Jquery

Javascript 使用JQuery创建链接

javascript jquery

Javascript 使用JQuery创建链接,javascript,jquery,Javascript,Jquery,我得到了这个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='Load

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


$（文档）.ready（函数（）{
$（“#pav li a”）。单击（函数（）{
$（“.srvctext”）.empty（）.append（“”）；
$（“#pav li a”）.css（'color'，'6565'）；
$（this.css（'color'，'3ca5d4'）；
$.ajax（{
url:this.href，
成功：函数（html）{
$（“.srvctext”）.empty（）.append（html）；
}
});
返回false；
});
});

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


我们的服务





....

我希望能够创建从另一个页面到其中一个页面的链接，我想我必须使用#不知何故只是不确定。因此，如果我使用

服务作为页面名称，那么显然不起作用。可能是这样的

要实现这一点，我需要做哪些更改？

演示：
基本上，您将更改另一个div的html

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

正如您所知，即使浏览器或库允许，您也不能重复使用相同的id值。谢谢您的回复。所以我把代码改成了你的。我要问的是如何链接到特定页面？因此，如果我想直接从主页转到pages/page_1.html。例如。我单击“更多”，它应该转到page pages/page_1.html。我的链接都是Jquery，所以在我的URL上没有显示任何内容，尽管代码确实有效。希望这更有意义。我很困惑你到底想要什么。请编辑我的JSFIDLE，使其更符合您的需要，然后进行更新。我很乐意再看一眼。另外，我不明白为什么您描述的链接不起作用，似乎您正在从ajax调用中提取所有内容。然后，您正在将其加载到另一个div中。您是否想要一个实际传输html位置的链接？如果是这样，请告诉我。我可能把事情描述错了。我能表达它的最好方式是，如何从另一个页面（例如主页）访问jquery（ready loaded）部分页面_4.html。我发布的代码片段来自service.php。所以我在我的主页上做了一个链接，比如href=“*******”>更多。我点击它并转到service.php，页面的div_4已加载。更新的答案，基本上除了要从中获取html的页面之外，创建服务，然后像新的答案一样加载它。
success: function(html) { $(".srvctext").html(html); }