Question

我有一个更新的ajax列表（作为通知）。但是，我正在尝试做的是使用jQuery UI Hightlight来显示附加到<li>的新<ul>...</ul>。然而，<li>有一个图像项目符号点，在突出显示期间会消失。

有没有办法突出显示整个<li> ... </li>包括项目符号本身。

我假设发生的是在高光持续时间内将背景添加到<li>，然后覆盖项目符号点背景。

jQuery

$(data).hide().prependTo("ul.notifications").fadeIn("slow", function() {  
    $(this).effect("highlight", {}, 3000);  
});

CSS

ul li.standard {  
    font-size : 1.1em;  
    font-weight:700;  
    color : #555;  
    list-style:none;  
    padding:0 0 0 40px;  
    margin: 0 0 0.5em 0;  
    background: url(../images/bullet_arrow.png) no-repeat 0px 5px;  
}

Answer 1

为了解决这个问题，我设法使用cnanney提供的链接解决了这个问题：

How do I use the "highlight" jquery effect without temporarily hiding the background-image?

（jQuery UI）突出显示新的AJAX UL条目而不会丢失图像项目符号

1 个答案: