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='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">

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

最佳答案

演示: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);
    }

关于javascript - 使用 JQuery 创建链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14545776/

相关文章:

javascript - 如何随机更改 mousemove 上的图像源?

javascript - 在 Windows 8 平板电脑上处理虚拟键盘

javascript - Jquery完全关闭 Bootstrap 模式对话框

javascript - 同时运行 jquery 事件

javascript - 使用 jQuery 下拉菜单更改谷歌地图图标

javascript - KnockoutJS - 更新 ViewModel/Mapping 插件

javascript - 如何将参数从ajax发送到servlet

javascript - 使用 javascript 附加图像时图像不呈现

javascript - 我应该将 jQuery .fade() 函数放在 ajax 成功回调中的哪里?

javascript - 当我复制到本地计算机时,jQuery 上传插件不起作用