我试图让这个脚本功能在图像加载上工作

时间:2016-05-19 14:08:58

标签: javascript jquery html css

我试图让这个脚本功能处理图像加载,任何线索???? 我在stackoverflow上找到了这个脚本,但原始脚本是为onclick设置的,我希望它适用于onload或.load

HTML ======     

model

JS ==

<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>

CSS ==

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);
});

1 个答案:

答案 0 :(得分:1)

我相信您可能需要将其包装在

 dependencies {
      compile 'com.mcxiaoke.volley:library-aar:1.0.0'
  }

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