Question

我在jquery中有以下_renderItem函数，其中<img>标记的内联属性高度和宽度。但是这些属性在Internet Explorer中不起作用，因为IE要求它们用CSS编写那么，我该如何在这里插入样式呢？

以下是renderItem功能。

.data('autocomplete')._renderItem = function(ul, item) {
         return $('<li>')                                  
        .data('item.autocomplete', item)
        .append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' height='40' width='40' alt=''/>" + " " + " " +item.label+"</a>")
        .appendTo(ul); 

 };

Answer 1

这应该适合你。

.data('autocomplete')._renderItem = function (ul, item) {
    var imgLink = $('<a>' + item.label + '</a>')
        .append($('<img />', {
            'src': '/account/' + item.id + '/icon/logo',
            'style': 'width:40px; height:40px;',
            onerror: function() {
                $(this).hide();
            }
        }));

    return $('<li>')
        .data('item.autocomplete', item)
        .append(imgLink)
        .appendTo(ul);

};

Answer 2

您可以替换内联属性

  height='40' width='40'

像这样的内联css

    .data('autocomplete')._renderItem = function(ul, item) {
             return $('<li>')                                  
            .data('item.autocomplete', item)
            .append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' style='width:40px;height:40px' alt=''/>" + " " + " " +item.label+"</a>")
            .appendTo(ul); 

     };

如何在Javascript / Jquery中向<img/>标签添加样式（CSS）

2 个答案: