【问题标题】:Unable to Display Popover on Hover td element of table无法在表格的 Hover td 元素上显示弹出框
【发布时间】:2016-04-18 02:50:54
【问题描述】:

我正在使用下面的代码,还可以找到代码here。请您帮忙。

<table>
  <tbody>
   <tr class="myrow1">                         
    <td class="cpCode">
     <span rel="replace">Need PopOver</span>
    </td>
   </tr>   

jQuery(function($) {
      $('[rel=replace]').popover({trigger: 'hover',
              placement : 'top', 
              html: 'true',                            
              content :'Hello'                             
                  });                     
 });

【问题讨论】:

  • 你能解释一下吗?
  • 我认为你提供了错误的小提琴
  • 你好 Siddharth,请检查现在更新的小提琴
  • 你看不到弹出框,因为它是 top 对齐的并且它正在被隐藏,将其更改为 bottom 并看到魔法
  • 那是因为你没有在里面添加JQuery。检查jsfiddle.net/1qnpnwao/1。它正在工作

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

我看到了你的小提琴,你错过了 bootstrap/jquery 文件,这里是相同的 fiddle,它工作正常

$(document).ready(function(){
    $('[rel="replace"]').popover({
          trigger: 'hover',
          placement : 'bottom', 
          html: 'true',                            
          content :'Hello' 
    });   
});

【讨论】:

  • 你好 Siddharth,我可以进入小提琴这是我的小提琴link 它在小提琴中工作正常,但在代码中不行。我在其他页面中使用了 popover 它运行良好。下面是我创建 td 的方式。 $(this).append(' ' + key + ' td>'); td 及其文本显示正常。但不是弹出窗口
  • 选中此链接为动态元素添加弹出框stackoverflow.com/questions/16990573/…
  • 我为此做了一个fiddle,您需要使用@NarendraCM 提到的popoverselector 选项
  • 真棒 Naendra CM 和 Siddharth。现在工作!太好了。
猜你喜欢
相关资源
最近更新 更多
热门标签