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

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

WBOY
Freigeben: 2016-06-24 12:01:47
Original
1350 Leute haben es durchsucht

网站的例子如: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>
Nach dem Login kopieren


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

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

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


回复讨论(解决方案)

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

整站调试太复杂了

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

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

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage