Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在等待在下划线模板中加载图像_Javascript_Jquery_Backbone.js_Underscore.js_Underscore.js Templating - Fatal编程技术网

Javascript 正在等待在下划线模板中加载图像

Javascript 正在等待在下划线模板中加载图像,javascript,jquery,backbone.js,underscore.js,underscore.js-templating,Javascript,Jquery,Backbone.js,Underscore.js,Underscore.js Templating,我正在加载下划线中的图像。我的容器中有一个类,它有一个装入器映像,一旦装入映像,它就会消失 <div id="main_container" class="loading"> <% for (i = 0; i <= pages; i++) { %> <img src="/image_<%=i%>.jpg" id="image_<%=i%>" /> <% $('#image_'+i)

我正在加载下划线中的图像。我的容器中有一个类,它有一个装入器映像,一旦装入映像,它就会消失

<div id="main_container" class="loading">
<% for (i = 0; i <= pages; i++) { %>
      <img src="/image_<%=i%>.jpg" id="image_<%=i%>" />
      <%
          $('#image_'+i).load(function() {
              $('#main_container').removeClass('loading');
          }).each(function() {
            if(this.complete) $(this).load();
          });
      %>
<% } %>
</div>


只需在
图像上使用类
加载
呈现模板
,然后添加回调
加载

<% for (i = 0; i <= pages; i++) { %>
    <img src="/image_<%=i%>.jpg" class='loading' onload='hideLoading(this)' />
<% } %>

您可以使用onLoad:谢谢,您能否提供一个示例,让我可以在下划线模板中传递主干函数?。所以我可以在加载时使用这个函数。如果我的函数是一个下划线视图帮助器呢?。我不能用这个。说onload=''。不起作用。在这种情况下,您可以将字符串参数传递给函数,即id:
.jpg“class=”loading“onload=”hideLoading(“img”)”/>
,在
hideLoading
函数中,您可以通过该id获取元素。
function hideLoading(img) {
    $(img).removeClass('loading');
}