Question

我让这个<th><a></a></th>动态地填充了电影片头。当标题太长时，我使用省略号来缩短标题。用户可以使用两个箭头浏览标题（上一个，下一个）。

The Dark Kn... **< prev&nbsp;&nbsp;&nbsp;next >** (in mouseover "The Dark Knight")

“点击下一步”

Iron Man 3 **< prev&nbsp;&nbsp;&nbsp;next >** (in mouseover nothing)

等

省略号工作正常。如果用户将鼠标悬停在缩短的标题上，我想显示完整的标题。这也有效。问题是，如果用户继续浏览鼠标悬停在缩短的标题中，那么每当他鼠标移动新标题（缩短或不缩短）时，都会显示相同的完整标题。

The Dark Kn... **< prev&nbsp;&nbsp;&nbsp;next >** (in mouseover "The Dark Knight")

“点击下一步”

Iron Man 3 **< prev&nbsp;&nbsp;&nbsp;next >** (in mouseover "The Dark Knight")

等

只有页面刷新才会消失。有谁知道如何解决它？

以下是示例代码：

var MoviesCollectionView = Backbone.View.extend({

    initialize: function(){

        this.movieHeaders = '<th colspan="4" class="showMovies"><a href="javascript:void(0)" class="movies1 shortened" title="" style="width:78%;"></a><a href="javascript:void(0)" class="icon-link previous movies1" title=""> < prev </a><a href="javascript:void(0)" class="icon-link next movies1" title=""> next > </a></th>';

    }

    renderMovies: function(){

        for(var i=0;i<this.movieTitles.codes.length;i++){
            $('.movies1', this.el).html(this.getMovieTitle)
        }

        $(".shortened",this.el).ellipsis(true,false);
    }

});

省略号未激活时出现省略号鼠标悬停

0 个答案: