javascript - 我试图让这个脚本函数处理图像加载

Question

我试图让这个脚本函数在图像加载时起作用，有什么线索吗？？？？我在 stackoverflow 上找到了这个脚本，但原始脚本是为 onclick 设置的，我希望它能为 onload 或 .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======

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

我相信你可能需要把它包起来

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

请参阅此 jsfiddle:https://jsfiddle.net/y1ph42v8/