jQuery data function usage with keywords

Question

My HTML:

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

I am getting incorrect value for $("#link").data("href") when clicked multiple times.

Click Handler:

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

The file in the url will be downloaded only if the session is valid.

Answer 1

You could rather use it like this:

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

then ins your jquery, use this:

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

Answer 2

Your jQuery code is really weird. Anyway check with that:

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

I didn't test it but that would work better than your code :)

Answer 3

Got the problem. When I renamed attribute data-href to data-url, the issue was solved.

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

The value obtained was that of href attribute and not data-href.