具有重复id的JQuery鼠标悬停_Jquery_Mouseover

具有重复id的JQuery鼠标悬停

jquery

具有重复id的JQuery鼠标悬停,jquery,mouseover,Jquery,Mouseover,我有这个密码 <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#tiros").mouseover(function() { $("#hello").css('display',''); }); $("#hello").mouseove

我有这个密码

<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript"> 
 $(document).ready(function(){ 

$("#tiros").mouseover(function() { $("#hello").css('display',''); });
$("#hello").mouseover(function() { $("#hello").css('display',''); });
$("#hello").mouseout(function() { $("#hello").css('display','NONE'); });
 });
</script>

<link href="../css/tablas.css" rel="stylesheet" type="text/css" />
</head>

<body >
<div align="center">
    <style type="text/css"> 
td {
    vertical-align: top;
}
</style>

  <table id="tablas"  border="0">
    <caption id="titulo"> DISTRIBUCION DE MAQUINA SM74    <tr>
      <td><table  id="tablas" border="1">
        <tr>
          <td id="cabezera">07-06-2013</td>
          </tr>
                <tr>
          <td> <div align="right" id="tiros">20000</div>
           <div id="hello" style="display:NONE;position:absolute; z-index:1; ">
        <ul>
      <li id="Subtitulo">Nº OT: 19178</li>
      <li id="Subtitulo">Tipo: P</li>
      <li id="Subtitulo">Sucursal: ANTOFAGASTA</li>
      <li id="Subtitulo">Detalle: PEGABLE</li>
      <li id="Subtitulo">Cliente: ASOC. I</li>
    </ul>
    </div></td>
          </tr>
              </table></td>
      <td><table  id="tablas" border="1">
        <tr>
          <td id="cabezera">08-06-2013</td>
          </tr>
               <tr>
          <td> <div align="right" id="tiros">20000</div>
           <div id="hello" style="display:none; position:absolute; z-index:1;">
        <ul>
      <li>Nº OT: 19178</li>
      <li>Tipo: P</li>
      <li>Sucursal: ANTOFAGASTA</li>
      <li>Detalle: PEGABLE</li>
      <li>Cliente: ASOC. I</li>
    </ul>
    </div></td>
          </tr>
                </table>
      </td>
      <td><table  id="tablas" border="1">
        <tr>
          <td id="cabezera">09-06-2013</td>
          </tr>
              </table></td>
      <td><table id="tablas"  border="1">
        <tr>
          <td id="cabezera">10-06-2013</td>
          </tr>
              </table></td>
      <td><table  id="tablas" border="1">
        <tr>
          <td id="cabezera">11-06-2013</td>
          </tr>
              </table></td>
    </tr>
  </table>
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#tiros”）.mouseover（function（）{$（“#hello”）.css（'display'，''；}）；
$（“#hello”）.mouseover（function（）{$（“#hello”）.css（'display'，''）；}）；
$（“#hello”）.mouseout（function（）{$（“#hello”）.css（'display'，'NONE'）；}）；
});
运输署{
垂直对齐：顶部；
}
MAQUINA SM74分销中心
07-06-2013
20000

编号：OT:19178
Tipo:P
例如：安托法加斯塔
详细说明：可挂起
客户：ASOC。我

08-06-2013
20000

OT:19178
蒂波：P
苏珊：安托法加斯塔
德塔莱：可挂
客户：ASOC。我

09-06-2013
10-06-2013
11-06-2013

当我将鼠标放在div上时，第一个div工作，另一个不工作，对于所有的de div，id的值为“tiros”，我使用mouseover函数调用，并且仅在第一个div中工作。Hep和对不起，我的英语

：）

将具有多个相同值的

id

标记更改为类。然后将jQuery函数中的选择器更改为

而不是

所以它应该是

$（“.tiros”）.mouseover（function（）{$（“.hello”）.css（'display'，”；}）

而不是

$（“#tiros”）.mouseover（function（）{$（“#hello”）.css（'display'，''）；}），您可以对调用具有多个实例的id
的其他函数进行更改。
id应该是唯一的。请查看相关的HTML规范部分-您不应该重复ID属性。阅读更多您最好使用类，然后继续使用toggleClass（）。这是一个php提示，在mysql\u fetch\u数组中循环了一段时间。。