Home >Web Front-end >HTML Tutorial >Please ask Nuomi.com for the drop-down menu, click 'Sort', and the menu will appear. [Requires mobile phone support] Thank you. _html/css_WEB-ITnose
An example of a website is: http://m.nuomi.com/webapp/tuan/list?cateId=326
I saved the page, but when debugging it locally, the drop-down menu failed.
For example: click "Sort" in the upper right corner, and a drop-down menu will appear showing: default sorting, closest, etc.
The HTML code is:
<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");
Sigh, this HTML and CSS section is so deserted~~~
Debugging the entire site is too complicated
You only care about the sorting business logic
But it is the entire site containing various control codes and business information
You need to find a separate The sorted demo to analyze and learn
Okay, I dealt with it in a roundabout way.
It’s OK.
Ties.