It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Highlighted

AJS triggers document.ready before page loaded Edited

AJS.$(document).ready(function() {
console.log(AJS.$("#dialog-show-button").length);
});

displays 0 but it displays 3 when i ran in browser console. Please help me here what it is going wrong?

Regards,

Anil

@Anil KumarFor Jira, don't use AJS.$(document).ready() and use AJS.toInit()

Your function will look this this,

AJS.toInit(function() {
  console.log(AJS.$("#dialog-show-button").length);
});

if i use AJS.toInit() also getting same issue.

Seems like elements are lazy loaded!!

Is there any solution for lazy loaded elements?

You can give AJS.$.live() a trial if that fits your need. Please refer JQuery documentation for details.