无法更改标记的href值

时间:2017-07-27 15:28:39

标签: javascript jquery href ejs

我试图改变我的href值,但它似乎根本没有改变。我已经尝试了jQuery和javascript方法,但都没有工作。

<a type="button" class="view_me btn btn-primary" href="#">View Full</a>
$(document).on("click", ".click_row", function (e) {
  e.preventDefault();
  var _self = $(this);
  userId = _self.data('id');
  var newLink = '/users/view/' + userId //I'd like to eventually use this as new href link

  $(".view_me").prop("href", "www.google.com"); // Tried testing with a simple webpage

  // document.getElementById('view_test').href = "www.google.com"; // Tried this as well, doesn't work

  console.log(newLink)
});

任何建议都会有所帮助。我正在使用jQuery 3.2.1

1 个答案:

答案 0 :(得分:0)

有一些问题妨碍了预期的行为。首先,您的click函数未被调用,因为它正在寻找click_row类;我相信你的意思可能是view_me课程。 其次,您需要将https://添加到网址的开头,以使其正确重定向。最后,您需要在代码中设置具有 href的链接的view_me属性,而不是 id {{1} }。

编辑:此外,请删除view_me,否则您只能在新标签页中打开该链接。

以下JS代码修复了这些问题并产生了所需的行为:

e.preventDefault()

使用JSFiddle:https://jsfiddle.net/2m0297j1/