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