>  기사  >  웹 프론트엔드  >  请教糯米网下拉菜单,点击“排序”,出现菜单。【需要支持手机】谢谢。_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:01:471312검색

网站的例子如: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了。
结贴。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.