Rumah >hujung hadapan web >html tutorial >请教糯米网下拉菜单,点击“排序”,出现菜单。【需要支持手机】谢谢。_html/css_WEB-ITnose
网站的例子如:http://m.nuomi.com/webapp/tuan/list?cateId=326
我将页面保存下来,本地调试的时候,下拉菜单却失效了。
比如:点击右上角“排序”,会出来下拉菜单显示:默认排序,距离最近等。
HTML代码是:
<article class="p-list" mon="action=click"> <ul class="w-sort j-w-sort clearfix" mon="action=click&type=selectorBar"> <li data-type="area" mon="content=area">商圈</li> <li data-type="order" mon="content=order">距离</li> <li data-type="order" mon="content=order" >排序</li> </ul>。。。。。。。 <div class="w-sort-container j-w-sort-container" mon="action=click">。。。。。。 <section class="j-order w-sort__single" mon="action=click&type=sort"> <ul> <li data-query="listorder=0">默认排序</li> <li id="j-sort-nearest" data-query="listorder=1">距离最近</li> <li data-query="listorder=2">销量最高</li> <li data-query="listorder=3">价格最低</li> <li data-query="listorder=4">价格最高</li> </ul> </section> </div>
var $ = require("common:widget/lib/gmu/zepto/zepto.js");
汗,这个HTML,CSS的版块这么冷清~~~
整站调试太复杂了
你只是关心 排序的业务逻辑
但是 他是整个站点 包含各种控制代码和业务信息
要找个单独的 排序的demo来分析学习
好吧,我迂回处理了。
已经OK了。
结贴。