📌  相关文章
📜  如何使用 jQuery Mobile 制作图标按钮?

📅  最后修改于: 2021-10-29 06:14:05             🧑  作者: Mango

jQuery Mobile 是一种基于 Web 的技术,用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中,我们将使用 jQuery Mobile 制作一个图标按钮。

方法:首先,添加您的项目所需的 jQuery Mobile 脚本。

我们将使用不同类型的 ui 类和类型来组成标记按钮。

示例 1:在本文中,我们将使用 Anchor 和 class=”ui-btn ui-icon-delete ui-btn-icon-left” 来制作按钮。

HTML
 
 
  

    
    
    

  
 
    
        

GeeksforGeeks

        

Icon Anchor using jQuery Mobile

    
                    Icon Anchor            


HTML
 
 
  

    
    
    
    

  
 
    
        

GeeksforGeeks

        

Icon buttons using jQuery Mobile

    
              


输出:

示例 2:在本文中,我们将使用 class=”ui-btn ui-icon-delete ui-btn-icon-left” 的按钮标签。

HTML

 
 
  

    
    
    
    

  
 
    
        

GeeksforGeeks

        

Icon buttons using jQuery Mobile

    
              

输出: