Proper way to handle page load in JavaScript

[jost]

Hi Guys!

I wonder if is there any beter way to run my JS script after page load.

I want to add  .click function on my web-item in issue menu (section="operations-work"). I used AJS.$(window).load() instead AJS.$(document).ready(), however is does not working.

The problem occurs on project issue view (when there is a list of issues on left side). 

I guest that the view of issue is included to page with some delay and my script just run before this. Is there any better way to handle load/ready event in this case? 

My scritp:

AJS.$(window).load(function($) {
      AJS.$("#test").click(function( event ) {
          event.preventDefault();
          alert("test");
     });
});

[Fabio Racobaldo _Herzum_]

Hi @jost ,

try using the following approach https://developer.atlassian.com/server/jira/platform/extending-inline-edit-for-jira-plugins/

In particular, you should use JIRA .CONTENT_ADDED_REASON .pageLoad

AJS.$(function() {
    JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function(e, context, reason) {
            if (reason == JIRA.CONTENT_ADDED_REASON.pageLoad) {
                console.log("Page Load");
                HERE YOUR SCRIPT
            }
        }
    });
});