p1_people.png已经下载到test目录，但是写完代码后没有图片出来……

test-componentbase.html

<script type="text/javascript">

var cfg = {

type : 'base',

//text : 'text',

width : 514,

height : 306,

bg : './p1_people.png',

css : {

left:50,

top:50

},

center:true,

}//配置文件

var h5 = new H5ComponentBase( 'myName',cfg );//将cfg传进去

$('.iphone').append(h5);

</script>

test-componentbase.js

/*基本图文组件对像*/

var H5ComponentBase = function (name,cfg) { //不懂为什么要删掉funcgionname

var cfg = cfg || {}; //参数，如无则空集

var id = ('h5_c_'+Math.random()).replace('.','_');

//把当前的组建类型添加到样式中进行标记

var cls = 'h5_component_'+cfg.type+'h5_component_name_'+name;

var component =$('<div class="h5_component '+cls+'" id="'+id+'">') //输出元素

cfg.text && component.text(cfg.text);//将cfg的text传进去

cfg.width && component.width(cfg.width/2);

cfg.height && component.width(cfg.height/2);

cfg.css && component.css(cfg.css);

cfg.bg && component.css('backgroungImage','url('+cfg.bg+')');

if( cfg.center === true ){

component.css({

marginLeft : ( cfg.width/4*-1) + 'px',

left:'50%'

})

}

return component;

}

如果html里的text: 'text'没有注释掉的话会显示图片，虽然还是很奇怪