嗨,jQuery脚本不会为所有相同的鬃毛div添加显示块,仅为第一个添加。

JS

$("#sidecontrol_container").mouseenter(function(){
    setTimeout( function(){
    $('#packet_name').css('display','block');
       },310);
$( "#sidecontrol_container" ).animate({
        width:"230px"
    }, 300 );       
});
$("#sidecontrol_container").mouseleave(function(){
    $('#packet_name').css('display','none');
    $( "#sidecontrol_container" ).animate({
        width:"40px"
    }, 300 );   
});

HTML

<div id="sc_wraper">
    <div id="packet_name">1</div>
</div>

<div id="sc_wraper">
    <div id="packet_name">1</div>
</div>

CSS

#packet_name{
    height:40px;
    width:190px;
    float:right;
    display:none;
}

它仅在名称为packet_name <div id="packet_name" style="display:block;">1</div>第一个div中添加

mouseenter之后的HTML结果

<div id="sc_wraper">
        <div id="packet_name" style="display:block;">1</div>
    </div>

    <div id="sc_wraper">
        <div id="packet_name">1</div>
    </div>

===============>>#1 票数:2 已采纳

之所以只更改第一个实例,是因为jQuery仅选择div名称的第一个实例,因为它是一个ID。

如果要更改相同名称的多个div,则需要使用div类代替它们的名称。 一旦更新了HTML以使用类名,请对jQuery进行同样的操作,它应该可以工作

  ask by Vadimas Sizikovas translate from so

未解决问题?本站智能推荐:

2回复

在启用javascript而不是css display:block时使用jQuery slideToggle

当鼠标悬停在按钮上时,我想要一个带有复选框的div 。 我希望在浏览器中启用javascript执行jQuery代码。 如果禁用了javascript我已经编写了用于hover CSS代码。 但CSS代码总是覆盖jQuery代码。 如何实现我想要的。 html代码如下 CS
4回复

JQuery.css(“ display”,“ block”)仍以内联结尾

当我检查下面的这段代码如何影响我的html live时,我发现span#error在display: block处淡出并淡入,但在display: inline后立即更改为display: inline 。 如何防止这种情况发生? jQuery的 的jsfiddle
3回复

单击链接时无法将jQuery转换为.css(“ display”,“ block”)

我试图让jQuery在单击href链接时显示CSS属性。 我已经测试了CSS属性,并且在将显示设置为“阻止”(在样式表上)时,它们按照您的想象工作,但是,当我将初始CSS显示设置为“无”并尝试让jQuery将其更改为阻止时单击链接后-没有任何反应。 我正在使用.css(“ displ
1回复

jQuery append()与CSS的怪异互动display:inline-block

我正在尝试创建一个网页,其中两个div部分水平并排显示。 我想在其中之一中添加随时间变化的内容。 我注意到,如果我使用css display:inline-block对齐两个div部分,然后使用append()在第一部分中插入一个段落,则将第二部分向下推以与该段落块对齐。 我知道我可以通过
3回复

将css属性添加到jquery中具有相同类的所有div

我有多个具有相同类名的div。我想对所有在PLAYButton click中具有相同类名的div应用css'z-index:99'。使用jquery。仅适用于第一个播放按钮。我想为所有触发器触发播放按钮点击 jQuery(document).ready(function($) {
3回复

jQuery:CSS显示块不起作用

我正在尝试制作一个简单的下拉菜单,这是到目前为止的代码: 的HTML JQUERY 当我在我的网站上尝试时,什么都没发生,我在做什么错?
3回复

强制div在页面加载时显示-jQuery / CSS

我正在建立一个显示/隐藏div'frames'而不是加载新页面的单页面菜单。 (几乎)工作设置可以在This Pen上找到。 我遇到的问题是默认情况下显示第一页/第一帧,然后在其余的显示块/无显示之间进行操作。 使用CSS / jQuery(以较干净的为准),如何默认显示第一帧? 这
2回复

jQuery-从div中的所有内容获取CSS

假设我有一些这样的html代码 和我的CSS看起来像这样 如何获取我的JavaScript来读取类容器(包括子级)中使用的所有CSS。 我希望它显示它,就像用css编写它一样,并把它放在一个variabel中,例如: 我该怎么办?
2回复

CSS:令人惊讶地删除了没有处理子显示:内联块div

如果我应用文本修饰 ,我有一个代码:line-through; 在外部div上,所有内部div元素也必须是“strikethroughed” 。 这通常100%正常; 但是,如果我将子元素设置为' display:inline-block ',现在应用于父div的删除线不会影响对孩子的攻击
1回复

使用JQuery单击时未显示Div(CSS-阻止/无)

我想要它,所以当我单击Bootstrap Glyphicon时会显示一个div。 我目前有这个HTML(简体): 然后这个JS: 因此,我基本上希望#headerrightside在#headerdisplaybuttonsxs的点击中#headerdisplaybuttons