如何关闭弹出窗口 [英] How to close popup

问题描述

如何关闭生物信息弹出请帮助我
如何在代码中实现。

在html文件

 < ul class =ch-grid> 
< li> 
< div class =bioinfo> 
< h2> tooltips< / h2> 
 / div> 
  
  .bioinfo {
 display：none; 
 max-height：auto; 
 max-width：220px; 
 overflow：hidden; 
 border-radius：10px; 
 box-shadow：rgba（108,108,108，0.5）5px 5px 5px; 
 border：2px solid #ccc; 
 position：absolute; 
 top：150px; 
 right：-150px; 
 z-index：100; 
 / * background：#eeeded; f6f6f6 * / 
 background：rgba（246,246,246，0.8）; 
 font-size：10px; 
 padding：15px 3px 3px 3px; 
 text-align：justify; 
} 
  
在Jquery中
  $（'。ch-grid> li'）。hover（function（）{
 // $（'。ch-item' {
 
 // alert（'ddl'）; 
 //$(this).css({position：'relative'，left：-200}）; 
 $ （this）.css（{position：'relative'，marginRight：120}）; 
 $（this）.children（'。bioinfo'）。show（）; 
}，function 
 $（$（this）.data（'。bioinfo'））。hide（）; 
}）; 
  
如何关闭生物信息弹出请帮助我
如何在代码中实现。
解决方案
试试这个
  $（'。instance> li' {
 $（this）.css（{position：'relative'，marginRight：120}）; 
 $（this）.children（'。bioinfo'）。show（）; 
 }，function（）{
 $（this）.children（'。bioinfo'）。hide（）; 
}）; 
  
 
how t close that bio-info popup please help me
how to implemented in above the code.

in html file
 <ul class="ch-grid">
  <li>
<div class="bioinfo">
 <h2>tooltips</h2>
/div>
in css file
.bioinfo {
    display: none;
    max-height: auto;
    max-width: 220px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: rgba(108,108,108, 0.5) 5px 5px 5px;
    border: 2px solid #ccc;
    position: absolute;
    top: 150px;
    right: -150px;
    z-index: 100;
/*    background: #eeeded; f6f6f6*/
    background: rgba(246,246,246, 0.8);
    font-size: 10px;
    padding: 15px 3px 3px 3px;
    text-align: justify;
}
In Jquery
$('.ch-grid > li').hover(function() {
        //$('.ch-item').click(function() {

            //alert('ddl');
            //$(this).css({position: 'relative', left: -200});
            $(this).css({position: 'relative', marginRight: 120});
            $(this).children('.bioinfo').show();
}, function() {
    $($(this).data('.bioinfo')).hide();
});
how t close that bio-info popup please help me
how to implemented in above the code.
解决方案
Try This
$('.instance > li').hover(function() {
    $(this).css({position: 'relative', marginRight: 120});
    $(this).children('.bioinfo').show();
}, function() {
    $(this).children('.bioinfo').hide();
});


                        
这篇关于如何关闭弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！