Home  >  Article  >  Web Front-end  >  请教糯米网下拉菜单,点击“排序”,出现菜单。【需要支持手机】谢谢。_html/css_WEB-ITnose

请教糯米网下拉菜单,点击“排序”,出现菜单。【需要支持手机】谢谢。_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:01:471285browse

网站的例子如: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>


我看了HTML代码里有一些JS脚本
var $       = require("common:widget/lib/gmu/zepto/zepto.js");

我也不知道这个zepto.js,对应这个网站:http://m.nuomi.com 的真是路径是什么。
整了一下午调不来。

请教各位高手,分不够可以在加。谢谢。


回复讨论(解决方案)

汗,这个HTML,CSS的版块这么冷清~~~

整站调试太复杂了

你只是关心 排序的业务逻辑

但是 他是整个站点  包含各种控制代码和业务信息

要找个单独的 排序的demo来分析学习

好吧,我迂回处理了。
已经OK了。
结贴。

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