在本文中,我们将学习如何使用 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 插件设计两个带有“返回”选项的导航面板到另一个面板。
输出:
示例2:以下代码演示了使用jQuery EasyUI Mobile 插件对网页内容进行Ajax 加载。
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.
输出: