图像不通过jQuery显示

时间:2019-05-27 09:23:09

标签: javascript jquery css

好的,这是完整的代码

通过jquery调整背景图片的css属性,并且图片未显示..检查了路径,没问题

div存在,css正常,路径正常,图像存在,但是它可以在on.show函数上使用,而不能在click函数上使用

out of it : undefined
in subcribe : 0

HTML

    // when new category show default images
    $('#newCategory').on('show.bs.modal', function () {

        var category = "<?php echo $_SESSION['home-url']; ?>" + 'admin/images/categories/profiles/default.png';
        var banner = "<?php echo $_SESSION['home-url']; ?>" + 'admin/images/categories/banners/default.png';

        $( '#categoryPreview' ).css( { backgroundImage: 'url(' + category + ')' } );
        $( '#bannerPreview' ).css( { backgroundImage: 'url(' + banner + ')' } );
    });       


    // load category info before display dialog
    $('body').on('click', '.btn-upd-id',function(){        

        var id = $(this).attr('upd-id');

        $("#update-category-id").val(id);

        if( id != "" ){ 
            $.post('category/category_info.php', {id: id}, function(data){
                var obj = JSON.parse(data);

                $("#upd-name").val(obj[0].name);

                var category = "<?php echo $_SESSION['home-url']; ?>" + 'admin/images/categories/profiles/' + obj[0].category_image;

                var banner = "<?php echo $_SESSION['home-url']; ?>" + 'admin/images/categories/banners/' + obj[0].banner_image;                    

                $( '#updCategoryPreview' ).css( { backgroundImage: 'url(' + category + ')' } );
                $( '#updBannerPreview' ).css( { backgroundImage: 'url(' + banner + ')' } );       
            })
        }       
    });     

我希望它可以加载图像,但是什么也不显示。

1 个答案:

答案 0 :(得分:0)

受够了 使用了这段代码及其工作方式

image = new Image();
image.src = url;
image.onload = function () {
    $('#image-holder').empty().append(image);
};

在这里找到 Can I get the image and load via ajax into div

谢谢大家的帮助