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

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

WBOY
Libérer: 2016-06-24 12:01:47
original
1347 Les gens l'ont consulté

网站的例子如: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>
Copier après la connexion


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

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

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


回复讨论(解决方案)

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

整站调试太复杂了

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

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

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal