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

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
WBOYOriginal
2016-06-24 12:01:471356browse

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>


I saw some JS scripts in the HTML code
var $       = require("common:widget/lib/gmu/zepto/zepto.js");

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.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn