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
Release: 2016-06-24 12:01:47
Original
1355 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.

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template