相关疑难解决方法(0)

jQuery:检查图像是否存在

我正在通过jQuery $ .ajax加载图像路径,在显示图像之前我想检查它是否确实存在.我可以使用图像加载/就绪事件或类似的东西来确定文件路径是否有效?

将.myimage设置为display:none,我希望能做类似的事情

$(".myimage").attr("src", imagePath);
$(".myimage").load(function() {
    $(this).show();
});
Run Code Online (Sandbox Code Playgroud)

有可能吗?

ajax jquery load image path

22
推荐指数
3
解决办法
4万
查看次数

调整大小时,jQuery的Resizable Div的Width和Height变为0

我有以下代码:

<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 widthheight调整0为时,无论在任何方向进行调整。

   $('#child' ).resizable({
        animate: true,
        helper: '.ui-resizable-helper',
        maxWidth: 500,
        maxHeight: 500,     
        aspectRatio: true,
        containment: '#parent'
    });
Run Code Online (Sandbox Code Playgroud)

为什么会这样呢?是虫子吗?

javascript css jquery jquery-ui jquery-ui-resizable

5
推荐指数
0
解决办法
1510
查看次数

检查动态加载的图像是否完整

我有一个代码发布到一个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)

jquery image

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

jquery ×3

image ×2

ajax ×1

css ×1

javascript ×1

jquery-ui ×1

jquery-ui-resizable ×1

load ×1

path ×1