Javascript AJS append call

Hi!

I want to put a label to the operations-delete section but with AJS append call. My code is the following at the moment, but the label not appearing under the delete button:

AJS.$('#operations-delete').append('<li class="aui-list-item"><a href="#" id="my_web_item_link" tabindex="-1"><span class="trigger-label">Push me</span></a></li>');

Can you help me with this? I dont know what the concrete attributes are to write before the append section.

1 answer

1 accepted

You don't have to use the AJS...

 

Just do it like:

$('#operations-delete').append("<div>Something</div>");

 

BTW:

You can use your Web Developer tools in Chrome / Firefox to debug javascript. Open it and propably you'll see an error in a case like this.

Often you just use the wrong scope / timing in JS and something is "undefined" at the time it should be executed.

Thank your very much! It was'nt that easy but with your function calling i could solve my problem. Here is my latest version of the code:

$('#opsbar-operations_more_drop').append('<div class="aui-dropdown2-section"><ul><li class="aui-list-item"><a href="#" id="listDialog"><span class="trigger-label">PD rendering</span></a></li></ul></div>');

Your welcome & thanks for sharing your latest version :-)

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Jan 08, 2019 in Jira

How to Jira for designers

I’m a designer on the Jira team. For a long time, I’ve fielded questions from other designers about how they should be using Jira Software with their design team. I’ve also heard feedback from other ...

1,095 views 4 9
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you