javascript - 带关键字的 jQuery 数据函数用法

Question

我的 HTML：

 <a id="link" class="linkRedirect" data-href="">Download Link</a>

多次单击时，我得到的 $("#link").data("href") 值不正确。

单击处理程序：

 $(document).on("click", "#link", function (e) {
            var url = $("#link").data("href");
            //check validation
            if(true) location.href = url;
 });

仅当会话有效时才会下载 url 中的文件。

Answer 1

有问题。当我将属性 data-href 重命名为 data-url 时，问题就解决了。

$("#link").data("href")

获得的值是 href 属性的值，而不是 data-href 的值。

Answer 2

你可以像这样使用它：

<a id="link" class="linkRedirect" rel="somelink">Download Link</a>

然后在你的jQuery中，使用这个：

 $(document).on("click", "#link", function (e) {
            var url = $("#link").attr("rel");
            //check validation
            if(url)//apply whatever check you want
             location.href = url;
 });

Answer 3

你的 jQuery 代码真的很奇怪。无论如何检查：

$('#link').click(function(){
  var url = $("#link").attr("data-href"); 
  if(url){
    window.location = url;
  }
});

我没有测试它，但这会比你的代码更好:)