Initialize script

Question

I need to learn how to initialize scripts. I have google it but dont dont really understand it.

Right now I have a toggle-script that is in a div, that entire div gets l

Answer 1

simple and best

$(function(){
    //your code here...
    $(".class").click(function () {
       $(this).toggleClass("add_class");
    });
});

Answer 2

I figure you're using jquery.ajax to fetch the div?

If so, you should be able to add the listeners in the success-function of the jquery.ajax call:

$('#result').load('ajax/test.html', function() {
  $("#result .class").click(function () {
    $(this).toggleClass("add_class");
  });
});

Answer 3

Are you calling it after the elements are loaded on the page?

You should be using on() with jQuery 1.7+

$(document).on("click", ".class", function () {
    $(this).toggleClass("add_class");
});

If you want to keep your syntax, you would have to do it either after the elements are rendered, or do it on document.ready.

Answer 4

You should put this script inside a document.ready call.

Eg.

$(document).ready(function() {
    //Put your code here
});

If I misunderstood your question and what you actually mean is:

How do you execute the script after you load it in through an AJAX call. Then see this question: executing script after jQuery Ajax Call