Javascript JQuery:图像无法在图像标记中绑定

我正在图像标记中绑定动态图像。我的问题是，当名称包含空格时，我无法显示图像。以下是代码：

             for(var i=0;i<length;i++)
                {
                                alert(names[i]);
                      <img style="width:100px;height:100px" src="Water lilies.jpg"></img>/////This code works if name  is given directly
                  imageTags='<img style="width:100px;height:100px" src=' +names[i]+ '></img>';
                 $("#images").append(imageTags);
                }

for（var i=0；i在一般情况下：

如果属性值包含空格，则必须将其引用。无法包含引号

src="' + names[i] + '">

但是通过将字符串混合在一起构建HTML容易出错，而且很难阅读。请不要这样做：

var img = jQuery('<img>').
             attr('src', names[i]).
             css({ width: "100px", height: "100px" });

var img = jQuery('<img>').
             attr('src', encodeURIComponent(names[i])).
             css({ width: "100px", height: "100px" });

var img=jQuery（'
在这种情况下：

URL不能包含（文字）空格。请对其进行编码

var img=jQuery（'在一般情况下：

如果属性值包含空格，则必须将其引用。无法包含引号

src="' + names[i] + '">

但是通过将字符串混合在一起构建HTML容易出错，而且很难阅读。请不要这样做：

var img = jQuery('<img>').
             attr('src', names[i]).
             css({ width: "100px", height: "100px" });

var img = jQuery('<img>').
             attr('src', encodeURIComponent(names[i])).
             css({ width: "100px", height: "100px" });

var img=jQuery（'
在这种情况下：

URL不能包含（文字）空格。请对其进行编码

var img=jQuery（'
imageTags=''；//您的代码
imageTags=''；//更改

希望这有帮助。
imageTags=''；//您的代码
imageTags=''；//更改

希望这有帮助