AJS triggers document.ready before page loaded

[Anil Kumar]

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

[DPK J]

@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);
});

[Anil Kumar]

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

[DPK J]

Seems like elements are lazy loaded!!

[Anil Kumar]

Is there any solution for lazy loaded elements?

[DPK J]

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

https://api.jquery.com/live/