jquery+php城市切换插件
所属分类:其他  创作类型:原创  作者:呆猫  发布时间:2018-06-16 17:12:50
644 28
本站所有插件都是基于jquery或php的,不依赖其他任何框架,可以集成到大部分网站上。如果有问题可以联系技术
QQ:635081743 微信:wangbin676243
Chrome Firefox Safari IE8+ PHP5.4+
描述:这是一款jquery+php的城市切换插件,兼容pc端和移动端,在移动端有不同的界面,将复杂的业务逻辑全部封装起来,使用简单。

使用步骤

第一步

加载必要的资源文件

<link rel="stylesheet" href="/yan/plugins/regionChange/assets/regionChange.css">
...
<script src="./jquery-1.9.1.js"></script>
<script src="/yan/plugins/regionChange/assets/regionChange.min.js"></script>

第二步

php调用

define('ROOT_PATH',__DIR__.'/../../');
require_once ROOT_PATH.'/yan/Yan.php';
$connection = new \yan\base\db\Connection([
    'dsn'=>'mysql:host=xxx;dbname=xxx',
    'username'=>'xxx',
    'password'=>'xxx',
    'charset'=>'utf8'
]);
Yan::$db = $connection;
$instance = new yan\plugins\regionChange\RegionChange([
    'current'=>'合肥市',//.实际应该结合ip定位或session,cookie来调用
    'set'=>function($city_id)
    {
        //.业务处理,应该根据city_id将城市信息保存到session或cookie中,具体省略

        //.以json的格式返回,如下
        header('Content-type:application/json');
        exit(json_encode(['status'=>'success']));
    }
]);
$instance->run();

js插件参数说明

url请求地址,不过不设置,应该给元素设置data-url属性
cacheExpire缓存时间(因为城市的数据比较大,插件采用浏览器来缓存数据),单位:毫秒

php插件参数说明

current当前城市
set设置城市的时候需要调用的函数,是一个函数,具体请看参考代码

移动端效果如下

相关插件
图片采集图片展示jquery插

这个一款jquery图片展示原创插件,可以用来展示图集,非常适合...

简单弹框查看图片的jquery

这是一款图片弹窗查看插件,只要简单的设置一个yanImageShow c...

jquery+php图片上传通用插

这是一款基于jquery+php的图片上传插件,可以用在头像,封面上...

多图上传php通用插件

这是一款php+jquery的多图上传插件,可以集成到任何php > 5.4...

共有0条评论