javascript - 当ajax调用页面加载到div中时，如何删除 anchor 标记内链接中的哈希值

Question

大家好，我通过 ajax 调用来调用页面以加载到特定的 div 中。

<ul id="nav" class="nav" style="font-size:12px;">
    <li><a href="#" id="m_blink" onclick="fun1()">tab1</a></li>
    <li><a href="#" id="d_blink" onclick="fun2()">tab2</a></li>
    <li><a href="#" id="k_blink" onclick="fun3()">tab3</a></li>

</ul>

<div id="home"></div>

这是我的 Javascript 脚本，调用特定“home”div 中的页面

<script type="text/javascript">

function fun1(){

$("#home").load("page1.php",{},function(){});

}

function fun2(){

$("#home").load("page2.php",{},function(){});

}

function fun3(){

$("#home").load("page3.php",{},function(){});

}
</script>

当我调用“home”div 中的页面时:

在 URL 中:

当我点击选项卡1时

localhost/site/#

即使我点击了 tab2

localhost/site/#

当我点击 tab3 时

localhost/site/#

我想删除 URL 上的 # 值，任何人请建议我如何从 URL 中删除哈希值。

谢谢

Answer 1

尝试这个解决方案;)

<ul id="nav" class="nav" style="font-size:12px;">
    <li><a href="#" id="m_blink">tab1</a></li>
    <li><a href="#" id="d_blink">tab2</a></li>
    <li><a href="#" id="k_blink">tab3</a></li>

</ul>

<div id="home"></div>


<script type="text/javascript">
    $("#m_blink").click(function(event) {
        event.preventDefault();
        $("#home").load("page1.php", {}, function() {});
    });

    $("#d_blink").click(function(event) {
        event.preventDefault();
        $("#home").load("page2.php", {}, function() {});
    });

    $("#k_blink").click(function(event) {
        event.preventDefault();
        $("#home").load("page3.php", {}, function() {});
    });
</script>