Ich versuche, diese Skriptfunktion auf Bild laden zu arbeiten

Question

Ich versuche, diese Skriptfunktion zu arbeiten, um Bild laden, irgendwelche Hinweise ???? fand ich dieses Skript auf Stackoverflow, aber das Original-Skript wurde für Onclick einrichten, ich möchte es für onload oder .load

HTML ======

<div id="container"> 
    <div class="box"> 
    <h1>B</h1> 
    <h2>10.35</h2> 
    </div> 

    <div class="box"> 
    <h1>A</h1> 
    <h2>100.05</h2> 
    </div> 

    <div class="box"> 
    <h1>D</h1> 
    <h2>200</h2> 
    </div> 

    <div class="box"> 
    <h1>C<h1> 
    <h2>5,510.25</h2> 
    </div> 
    <img src="http://myscot.com/ImagesMain/myscotLogoResp120.jpg" id="numBnt"/> 
</div> 

JS = arbeiten =====

var $divs = $("div.box"); 

$("#numBnt").load(function() { 
    var numericallyOrderedDivs = $divs.sort(function (a, b) { 
     return $(a).find("h2").text() > $(b).find("h2").text(); 
    }); 
    $("#container").html(numericallyOrderedDivs); 
}); 

CSS ======

body { 
    background: #eee; 
    font-family: sans-serif; 
} 
.box { 
    background: red; 
    height: 200px; 
    width: 200px; 
} 
.box h1 { 
    color: white; 
    font-size: 3.5em; 
    text-align: center; 
} 
.box h2 { 
    color: black; 
    font-size: 2.5em; 
    text-align: center; 
} 

Answer 1

ich glaube, Sie m ight müssen sie wickeln in

$(document).ready(function() { 
    console.log("ready!"); 
}); 

Sehen Sie diese jsfiddle: https://jsfiddle.net/y1ph42v8/