jQuery Mobile 导航栏 iconpos 选项

jQuery Mobile是一种基于 Web 的技术，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。

在本文中，我们将学习jQuery Mobile Navbar iconpos Option 。 iconpos 选项要求定位导航栏项目的图标。

语法： iconpos 选项接受字符串输入，并且应该是上述类型之一。默认值为“顶部”。

$("#gfgnavbar").navbar({
   iconpos: "right"
});

值：以下是此选项采用的值：

• left：它将图标放置在文本的左侧。
• 右：它将图标放置在文本的右侧。
• top：它将图标放置在文本的顶部。
• 底部：它将图标定位到文本的底部。
• none：不出现图标。
• notetext：只出现图标，不出现文字。

CDN 链接：为 jQuery Mobile 项目使用以下 CDN 链接。

示例：在以下示例中，我们将图标放置在右侧 使用iconpos选项的“ right ”值。

HTML

  

    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
        
        
            
                
                    
                        One
                    
                
                
                    
                        Two
                    
                
            
        
        
            
              jQuery Mobile Navbar
              iconpos Option
            
        
  
    
    
        $("#gfgnavbar").navbar({
            iconpos: "right"
        });
    

  

输出：

参考： https://api.jquerymobile.com/navbar/#option-iconpos