web-dev-qa-db-ja.com

JQueryAjaxがURLにハッシュを追加

Struts2-jqueryプラグインを使用するこのコードがここにあります

<h4>Choose A task</h4>
    <ul>
        <s:url value="views/ajaxvalidation.jsp" var="ajaxvalidation" >
            <s:param name="menuId" value="1"/>
        </s:url>
        <li><sj:a targets="resultContent" href="%{ajaxvalidation}">Ajax Validation</sj:a></li>
    </ul>

そのコンテンツをクリックすると、URLが次のように変更され、URLは何も変更されません。それはまだ同じままです、私が欲しいのは私がリンクをクリックするとこのようなことが起こるということですwww.myapp.com/#ajaxvalidation。コードを実行すると、アンカータグは次のように変換されます

<a id="anchor_1365013162" href="javascript:void(0)">Ajax Validation</a>

それが与えられたら、URLにハッシュを追加するにはどうすればよいですか？

javascriptjqueryajaxurlstruts2
7
KyelJmD

これが実際の例です（Struts2を考慮していません）：

<html>
<body>
<a id="123" href="">Add Hash</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("a").click(function(e) {
        window.location.hash = $(this).attr("id");
        e.preventDefault();
    });
});
</script>
</body>
</html>
29
Moritz Petersen