mui简单的详情页面

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title>活动详情</title><link rel="stylesheet" href="../css/mui.min.css"></head><body><div id="wrap"><header class="mui-bar mui-bar-nav" ><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><h1 class="mui-title">活动详情</h1></header><div class="mui-content" id="content"></div></div><script src="../js/jquery.min.js"></script><script src="../js/mui.min.js"></script><script src="../js/common/get-url.js"></script><script type="text/javascript">mui.init();            </script><script type="text/javascript">mui.ready(function() {    //加载模板数据loadData($.getUrlParam('id'));});function loadData(id) {$.post("",{id : id}, function(rtndata) {$("#content").html(rtndata.content);});}</script>    </body></html>

================================================================================================

get-url.js:

/*获取到Url里面的参数*/
(function($) {//只能是英文$.getUrlParam = function(key) {var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r != null) return unescape(r[2]);return null;}//可以是中文，可以是英文$.getCNUrlParam = function(key) {// 获取参数var url = window.location.search;// 正则筛选地址栏var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");// 匹配目标参数var result = url.substr(1).match(reg);//返回参数值return result ? decodeURIComponent(result[2]) : null;}
})(jQuery);

mui简单的详情页面相关推荐

用php mui ajax注册登录页面,ajax实现简单登录页面
本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下一.什么是ajax Ajax是一种无需重新加载整个网页,能够更新部分网页的技术. 二.ajax的工作原理 Ajax工作 ...
初探MUI制作微信APP页面（二）
国庆假期第四天,新的一轮降温开始,外面狂风不止,在家继续优化项目. 上篇把基本框架搭建起来,简单几个子页面的切换,本篇开始对子页面中内容进行优化. 源码及素材地址:Github仓库 MUI 官方文档: ...
Django 学习小组：博客开发实战第二周教程 —— 实现博客详情页面和分类页面
本教程内容已过时,更新版教程请访问: django 博客开发入门教程. 上周我们完成了博客的 Model 部分,以及 Blog 的首页视图 IndexView. 本节接上周的文档 Django 学习小 ...
Android仿淘宝详情页面viewPager滑动到最后一张图片跳转的功能
需要做一个仿淘宝客户端ViewPager滑动到最后一页,再拖动的时候跳到详情的功能,刚开始我也迷糊了,通过查阅相关资料发现有好多种实现方法,下面小编给大家分享实例代码,感兴趣的朋友一起看看吧需要做一 ...
简单知识——跨页面信息传递
背景一个简单的数据查询功能,列表页面有"查看详情"按钮,跳转详情页面时列表的一条记录信息需要传递到详情页面:而详情页面有"返回"按钮,返回的同时也需要将原列表 ...
08 - 文章详情页面
文章详情页面 8-1:开篇从本章开始我们要进入文章详情的页面开发. 在文章详情页面可以展示: 文章标题作者信息发布时间文章内容文章评论同时你可以在这里进行: 作者关注文章评论文章点赞 ...
06.简书项目实战三：详情页面和登录功能实现
简书项目实战三:详情页面和登录功能实现 1. 详情页面布局这部分的布局比之前的简单多了,就一个标题加上主要内容而已. export default class Detail extends Comp ...
如何优化你的Google Play商店应用详情页面
如何优化你的Google Play商店应用详情页面 Google Play ASO 应用商店优化是什么? ASO策略 1. 关键字研究与市场研究如何为你的应用选择关键字和关键字组合? 如何识别长尾关 ...
电影主页面及电影详情页面实现
电影主页面及电影详情界面的实现总体介绍可点击查看php实现仿淘票票文章目录电影主页面及电影详情界面的实现一.电影主页面实现二.电影详情页面实现 2.1 显示电影信息 2.2 电影场次信息显示 ...

mui简单的详情页面

mui简单的详情页面相关推荐

最新文章

热门文章