Question

我正在尝试更改单独div的背景，具体取决于滚动的

javascript：

            $( "#topBar" ).hover(function() {
                    $(this).animate({backgroundColor: '#c7ce95' }, 600);
                }
            );

            $( "#topBar" ).mouseout(function() {
                 $(this).css('background', 'rgba(0, 0, 0, 0.7)');
            });

html

<div style="position:absolute; top:0; left:0; width:213px; height:20px;  display:block; float:left; color:#fff; padding:10px; background: rgba(0, 0, 0, 0.7); "  id="topBar" >test </div>
<div style="position:absolute; top:0; left:0; width:213px; height:20px;  display:block; float:left; color:#fff; padding:10px; background: rgba(0, 0, 0, 0.7); "  id="topBar" >test </div>

我有两个问题：

推出无效。
我只能在1上使用它，因为它使用相同的ID ..我认为最好的办法是复制更改ID的jquery，因为它可能会比页面上有2个。

http://jsfiddle.net/zwbKC/

Answer 1

如果您想对多个元素执行相同的操作，则应该为它们提供相同的class而不是id。或者，或者用id为topBar的容器中的所有元素进行包装，并对topBar的子节点执行jQuery操作。

jquery ui改变多个div的背景

1 个答案: