ホームページ > 記事 > ウェブフロントエンド > Nuomi.com にプルダウン メニューを問い合わせて、[並べ替え] をクリックするとメニューが表示されます。 [携帯電話のサポートが必要です] ありがとうございます。 _html/css_WEB-ITnose
Web サイトの例は次のとおりです: 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>
var $ = require("common:widget/lib/gmu/zepto/zepto.js");
ため息、この HTML と CSS セクションは閑散としています ~~~
サイト全体のデバッグが複雑すぎます
ソートのビジネス ロジックだけを気にする必要があります
しかし、彼は サイト全体にはさまざまな制御コードとビジネス情報が含まれています
分析して研究するには、別の並べ替えられたデモを見つける必要があります
さて、遠回りしました。
もうOKです。
結び目。