nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Javascript AJS append call

Scheibli Márk

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.

Accepted answers

Thor_cq0meh

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.

All comments

Thor_cq0meh

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.

Scheibli Márk

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>');

Thor_cq0meh

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

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

app

jira-app-development

label

javascript

aui