除非使用调整大小或单击功能，否则不会加载函数

Question

I want to execute a function which was defined in the start of the script, lets call this function initialize. This function also uses a variable, lets call it login, which is defined by a php file that includes my jquery script file after defining the variable login.

php/html:

<script type="text/javascript">

login           = '<?php echo $login; ?>';
...
</script>
<!-- script is included -->
<script type="text/javascript" src="script.js"></script>

jquery:

function initialize(){
    $("." + login).remove();
}

jQuery.moreContent = function moreContent()
{
    //more content is loaded
    ...
    initialize();
}

the moreContent function is then loaded, I can see more content appearing on my screen but initialiye is not loaded. only if I use a function like resize (in the end of the script.js file) it works

jquery (in the end of script):

//load function initialize
initialize();
//this function doesnt work too, I tested if it even loads and it does (used a number that was increased by one whenever function was loaded which actually happened...)
//however the wished element with the class of variable login is not removed

//resize function
$(window).resize(initialize);
//this one suddenly works 
...

I have no idea why it suddenly works with the other function and why it doesnt work in the other cases

Answer 1

You need to wrap your code and make it run once the document is ready, like this:

$(document).ready (function(){
    // run all your functions here
});