Question

我有一个JS _buildPlaylist文件，我以此为例：

//create thumb
                thumb=$(new Image()).addClass('thumb_img').appendTo(div).attr('alt', _item.title?_item.title:'').css({
                   cursor:'pointer',
                   opacity:0
                }).load(function() {
                    $(this).stop().animate({ 'opacity':1}, {duration: 500, easing: 'easeOutSine'});//fade in thumb
                }).error(function(e) {

                }).attr('src', _item.thumbnail);

crear image thumb的行，带有“alt title name”

结果如下：

 <img class="thumb_img" alt="Sample title builded here" style="cursor: pointer; opacity: 1;" src="http://mywebsite.com/image.jpg">

如您所见，这会创建一个带有alt文本属性的图像

现在，我想更改为构建＆lt; LI>列表名称

此处构建的示例标题（这是ALT标题名称）

那么，如何将图像缩略图更改为文本，或仅显示alt标题？

Answer 1

如果您不想显示图片，则无需使用img标记。只需将其设为label或link即可。那样做。

Answer 2

不是建立new Image()，而是建立<a>包裹的<li>：

var thumb = $("<a>", { 
    'class': 'thumb_item', 
    'text' : (_item.title ? _item.title : "No title"),
    'href' : _item.thumbnail
}).wrap("<li>").parent().appendTo(div);

当然，我们会取消使用.load和.error处理程序，因为这些事件不会发生在列表项上。

小提琴：http://jsfiddle.net/tudwA/

将图像Attr alt更改为<li>样本标题<！----> </li>

2 个答案: