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

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

WBOY
Lepaskan: 2016-06-24 12:01:47
asal
1347 orang telah melayarinya

网站的例子如: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>
Salin selepas log masuk


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

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

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


回复讨论(解决方案)

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

整站调试太复杂了

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

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

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan