我正在通过jQuery $ .ajax加载图像路径,在显示图像之前我想检查它是否确实存在.我可以使用图像加载/就绪事件或类似的东西来确定文件路径是否有效?
将.myimage设置为display:none,我希望能做类似的事情
$(".myimage").attr("src", imagePath);
$(".myimage").load(function() {
$(this).show();
});
Run Code Online (Sandbox Code Playgroud)
有可能吗?
我有以下代码:
<table>
<tr>
<td id="parent">
<div id="child"></div>
</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
我的JavaScript代码:
$('#child' ).resizable({
animate: true,
helper: '.ui-resizable-helper',
maxWidth: 500,
maxHeight: 500,
aspectRatio: true
});
Run Code Online (Sandbox Code Playgroud)
使用上面的代码,我的可调整大小功能div可以按预期工作,但是当我添加containment选项时,将divs width和height调整0为时,无论在任何方向进行调整。
$('#child' ).resizable({
animate: true,
helper: '.ui-resizable-helper',
maxWidth: 500,
maxHeight: 500,
aspectRatio: true,
containment: '#parent'
});
Run Code Online (Sandbox Code Playgroud)
为什么会这样呢?是虫子吗?
我有一个代码发布到一个php脚本,它读取文件夹中的所有文件并返回它们,所有这些都是img,jquery解析信息,在var上,这是一个数组,每个图像都保存为带有src的img对象,宽度,高度和attr,成功后我想检查每个图像是否已加载,然后最终完成另一个函数并删除一个div.但我不知道如何检查图像是否已完全加载,我一直在使用.complete,但它似乎永远不会加载,函数调用itsef直到img加载然后返回true所以它可以保持去.这是代码,它有点混乱,可能不是一个很好的编码.
var gAllImages = [];
function checkFed()
{
var leni = gAllImages.length;
for (var i = 0; i < leni; i++) {
if (!gAllImages[i].complete) {
var percentage = i * 100.0 / (leni);
percentage = percentage.toFixed(0).toString() + ' %';
console.log(percentage);
// userMessagesController.setMessage("loading... " + percentage);
checkFed();
return;
}
//userMessagesController.setMessage(globals.defaultTitle);
}
}
if($('slideshow')){
var topdiv = '<div id="loading"><div class="centered"><img src="/karlaacosta/templates/templatename/images/ajax-loader.gif" /></div> </div>';
$('#overall').append(topdiv);
//console.log('alerta');
var jqxhr = $.post('http://localhost/karlaacosta/templates/templatename/php/newtest.php', function(data){
var d = $.parseJSON(data);
//console.log(d[1]);
if(typeof(d) == 'object' && JSON.parse){
var len …Run Code Online (Sandbox Code Playgroud)