📌  相关文章
📜  如何使用 jQuery EasyUI Mobile 设计带有 ajax 加载的导航面板?

📅  最后修改于: 2021-09-01 02:55:24             🧑  作者: Mango

在本文中,我们将学习如何使用 jQuery EasyUI Mobile 插件设计带有 ajax 加载的导航面板。

EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。

EasyUI for jQuery 下载:

https://www.jeasyui.com/download/index.php

请在代码实现时注意预编译库文件的正确文件路径。

示例 1:以下代码演示了使用 jQuery EasyUI Mobile 插件设计两个带有“返回”选项的导航面板到另一个面板。



  

    
    
  
    
    
  
    
  
    
  
    
    
  
    
    
  
    
    

  

  
    
    
        
            
                
                    Handling navigation panel                 
            
        
             
    
        
            
                
                    Navigation panel 2                 
                                   
                                                                                              Back                                      
            
        
                    
            
                
Footer Content
            
        
    
  

输出:

示例2:以下代码演示了使用jQuery EasyUI Mobile 插件对网页内容进行Ajax 加载。



  

    
    
  
    
    
  
    
  
    
  
    
    
  
    
    
  
    
    

  

  
    
    
                    
            
                
                    Ajax Content                 
            
        
           
            
                
                    Footer Content                 
            
        
    
  

displayContent.html下面是上面示例代码中使用的文件“displayContent.html”的代码内容。



  

    

  

    

        Ajax content loaded from file     

       

        Ajax is an acronym for Asynchronous          Javascript and XML. It is used to          communicate with the server without          refreshing the web page and thus          increasing the user experience and          better. Facebook, Instagram, Twitter          etc are considered the situation when          check news feed and if like someone          post simply click the like button and          the like count is added without          refreshing the page. Now imagine the          situation if there would be the case,          click the like button and the complete         page would be loaded again which will          make such processes.     

  

输出: