Please ask Nuomi.com for the drop-down menu, click 'Sort', and the menu will appear. [Requires mobile phone support] Thank you. _html/css

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

WBOY

Release： 2016-06-24 12:01:47

Original

1347 people have browsed it

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&amp;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&amp;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>

Copy after login

I saw some JS scripts in the HTML code

var $       = require("common:widget/lib/gmu/zepto/zepto.js");

Copy after login

I don’t know this zepto.js either, What is the real path corresponding to this website: http://m.nuomi.com.
I couldn’t adjust it all afternoon.

Let me ask the experts, if you don’t have enough points, you can add more. Thanks.

Reply to discussion (solution)

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.