Question

我有一个退出链接

  <div id="titleInfo">
      <div id="signOut">
          <a href="" class="signOutLink"  >Log Out</a>
      </div>
  </div>

我需要动态添加导航目的地。

$(document).ready(function() {
    //Navigation Handling
    $('.signOutLink').click(function() {
        alert('h');
        window.location.href("LogOut.aspx");
        //window.location.replace("LogOut.aspx");

    });
});

但它不起作用。我们如何纠正它？

Answer 1

$(document).ready(function () {
    $('a.signOutLink').click(function () {
        window.location = "LogOut.aspx";
    });
});

Answer 2

试试这个......

$(document).ready(function () {

$('.signOutLink').click(function () {
    window.location = 'LogOut.aspx';
});

);

Answer 3

var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"

请参阅"How can I add “href” attribute to a link dynamically using javascript?"，或者您可以使用element.setAttribute（请参阅Mozilla Developer Network's documentation）。

<div id="titleInfo">
    <div id="signOut">
        <a href="" id="signOutLink"  >Log Out</a>
    </div>
</div>

$(document).ready(function () {
    //Navigation Handling
    $('#signOutLink').click(function () {
        alert('h');
        $('#signOutLink').attr("href", "LogOut.aspx");
     });
});

Answer 4

$（document）.ready（function（）{
$('.signOutLink').attr('href', 'LogOut.aspx') 
}）;

Answer 5

我要求此代码的最终目标的原因是：

如果您想要的是在点击链接时转到某个位置，并且您想要动态分配网址，则无需在click()事件中执行此操作。只需在.ready()事件中设置属性，就可以完成它，

$('a.signOutLink').prop('href','LogOut.aspx'); // or using the .attr() method

这样，一旦您点击该链接，它就会跟随href

中设置的网址

Answer 6

感谢所有人。我使用了以下内容：

$('.signOutLink').click(function () {
    window.location.href("LogOut.aspx?a=b"); //Can use REPLACE also
    return false;  //FALSE

});

在<a></a>上动态添加href

6 个答案: