📜  如何使Bootstrap popover在悬停而不是单击时显示/消失?

📅  最后修改于: 2021-05-25 11:11:22             🧑  作者: Mango

Bootstrap提供内置支持以进行弹出窗口。弹出框是当用户使用指定的元素选择器触发特定事件时出现的内容框。在这里,我们将讨论使用“悬停”而不是“单击”来触发弹出窗口的方法。

方法1:在这里,我们将仅使用jQuery初始化在“悬停”中指定弹出式触发器。我们可以在popover()函数本身中添加标题详细信息以及触发条件作为参数。

  • 程序:
    
    
    
    
        
        
        
        
    
      
    
        
            
                

    GeeksforGeeks

                                 Bootstrap popover appear/disappear                  on hover instead of click                          

                         
        
           
  • 输出:

方法2:在这里,我们将使用“数据触发”属性。我们也可以通过将“ title”“ data-trigger”作为属性,而无需在popover()方法中将其指定为参数来实现相同的目的。

  • 程序:
    
    
    
    
          
        
        
        
        
    
      
    
        
            
                

    GeeksforGeeks

                                 Bootstrap popover appear/disappear                  on hover instead of click                          

                         
        
           
  • 输出: