Loading external javascript, and then remove href attribute from results

Question

I'm trying to load a widget in javascript which creates a HTML table once it has been loaded. Example:

<td class="foo"><a class="bar" href="http://example.com">Example</a></td>

Inside the table are links where I'd like to remove the href attribute. So the result looks like this

<td class="foo"><a class="bar">Example</a></td>

I tried the following jQuery:

function myfunction() {
        $("td a").each(function(){
            if($(this).hasClass("bar")){
                $(this).removeAttr("href");
            }
        });
    };

Reference: http://www.tutorialrepublic.com/faq/how-to-remove-clickable-behavior-from-a-disabled-link-using-jquery.php

I tried it also with onload="myFunction()" but that neither worked out.

Why this is not working? Any input is much appreciated!

P. Frank · Accepted Answer · 2015-10-15 11:32:17Z

3

have you try:

$(window).load(function(){
    myFunction();
})

answered Oct 15, 2015 at 11:32

P. Frank

5,7456 gold badges26 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bauhausweb Over a year ago

Thanks a lot for your quick quality response!

user2505019 · Accepted Answer · 2015-10-15 11:39:18Z

2

The problem, you're facing is, contents are added after the full document load. You should use .on() method to call your function or to run the script.

$(".widget").on("load", function(){
    alert("It was loaded/ load your function/write your code here.");
});

Note, .widget and load are my assumptions. You should better use the correct values or provide your jsfiddle or code here to diagnose the problem if it still exists.

answered Oct 15, 2015 at 11:39

user2505019

535 bronze badges

6 Comments

bauhausweb Over a year ago

Thanks also for your response. I didn't get it to work with on("load") but the first comment already helped me fix the issue :)

user2505019 Over a year ago

Okay but whenever you get new contents loaded into document via ajax or something other than full page load, you will have to use .on() or .live() method. Even this .on method was okay if you replace the $(".widget") to $(window) :)

bauhausweb Over a year ago

Here is a Codepen of the final result, it works nicely: Link to Codepen But of course I'd love to see the on("load") example working, so feel free to fork the Codepen :)

user2505019 Over a year ago

I have forked it. Even I have removed the anchor tag. But if its necessary, please let me know I will fork another one which will not remove that.

bauhausweb Over a year ago

Thanks - but where is the link to the fork?

|

Collectives™ on Stack Overflow

Loading external javascript, and then remove href attribute from results

2 Answers 2

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related