Javascript doesn't work to some elements of Confluence

Question

I'm trying to customize the look of Confluence with Javascript and I'm still doing some experiments. So I wrote:

AJS.toInit(function () {
AJS.$('.name a').text('test');
});

This changed the space name all right. Then I wanted to change the page titles in the left sidebar dynamically. So I wrote:

AJS.toInit(function () {
AJS.$('.plugin_pagetree_children_content span a').text('test');
});

Then this was not working! I'm not very good at programming, but I'm guessing this was related to elements not loading when my script ran. Could someone help me? Thanks in advance!

Davin Studer · Answer

It worked for me in Confluence 6.4.2. That is the proper way to do it. Many of Atlassian's components have events that are fired when they finish loading so that you can do this kind of stuff. Are you sure put the code in correctly? How are you running it? Are you running it from the html macro, a user macro,  or from Custom HTML in Confluence Admin?

Xiao Song · Answer

Thanks Davin. Unfortunately, it's still not working. I also tried function "load()" and it had no effect, either. I have put the code below at the end of the and it is working: It's acceptable for me. But I don't really like it. Do you have any idea?

Xiao Song · Answer

BTW, I'm using an extension called Version Scroll. I wonder if it has a thing to do with it.