jQuery插件和图像加载有时不起作用
我尝试使用jail插件加载图像。它起作用,但有时不起作用 这是我的密码:jQuery插件和图像加载有时不起作用,jquery,asp.net,Jquery,Asp.net,我尝试使用jail插件加载图像。它起作用,但有时不起作用 这是我的密码: <script type="text/javascript"> $(document).ready(function () { //$('img.lazy').jail({ $("table[id*=dgImages] img").jail({ //callbackAfterEachImage: function () {},
<script type="text/javascript">
$(document).ready(function () {
//$('img.lazy').jail({
$("table[id*=dgImages] img").jail({
//callbackAfterEachImage: function () {},
//callback: (function () { alert("All the images are loaded"); })
});
});
</script>
<asp:DataList ID="dgImages" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" RepeatLayout="Table" CellPadding="1">
<ItemTemplate>
<div class="BusyStyles>
<asp:Image CssClass="lazy" runat="server" id="Image1" data-href='<%# Eval("photos") %>' BorderWidth="0" alt="" style="width:300px;height:300px;"/>
<noscript><img class="nolazy" src='<%# Eval("photos") %>' border='0' width="300px" height="300px"/></noscript>
</div>
</ItemTemplate>
</asp:DataList>
但当我尝试加载这样的图像时,它不起作用,我无法理解为什么:
$(document).ready(function () {
$("table[id*=dgImages] img").jail({
//callbackAfterEachImage: function () {},
//callback: (function () { alert("All the images are loaded"); })
});
});
这个插件还有一个回调函数,在加载每个图像时调用该函数。我想知道谁是加载图像的直接父对象。每个图像都包装在一个div中,因此div将是父图像。显示一种方法,从callbackAfterEachImage
callback,获取加载映像的直接父映像的引用
因此,我可以与直接的父母一起工作。对于我来说,选择器“table[id*=dgmiages]img”
看起来不错
我已经建立了一个,我正确地得到了所有的图像。但是我不知道控件生成的标记是什么,所以我编了一些东西。可能您生成的标记稍有不同,因此选择器不起作用
可能有一件事,您缺少div的class属性的双引号。对我来说,选择器“table[id*=dgmages]img”看起来不错
我已经建立了一个,我正确地得到了所有的图像。但是我不知道控件生成的标记是什么,所以我编了一些东西。可能您生成的标记稍有不同,因此选择器不起作用
有一点可能是,您缺少div
的class属性的双引号,您在javascript控制台中是否遇到了一些错误?当您仅执行$([table[id*=dgmimages]img”)
时是否会得到结果?此外,您在中缺少一个双引号,我没有收到任何错误,但没有输出。我还有几个问题要问……我想知道谁是加载图像的直接父对象。javascript控制台中是否有错误?当您仅执行$([table[id*=dgmimages]img”)
时是否会得到结果?此外,您在中缺少一个双引号,我没有收到任何错误,但没有输出。我有几个其他问题二…我想知道谁是加载图像的直接家长。
$(document).ready(function () {
$("table[id*=dgImages] img").jail({
//callbackAfterEachImage: function () {},
//callback: (function () { alert("All the images are loaded"); })
});
});
$("table[id*=dgImages] img").jail({
...
callbackAfterEachImage: function ($img, options) {
var $parent = $img.parent();
alert('parent id: ' + $parent.attr('id'));
}
});