ホームページ > ウェブフロントエンド > htmlチュートリアル > Nuomi.com にプルダウン メニューを問い合わせて、[並べ替え] をクリックするとメニューが表示されます。 [携帯電話のサポートが必要です] ありがとうございます。 _html/css_WEB-ITnose

Nuomi.com にプルダウン メニューを問い合わせて、[並べ替え] をクリックするとメニューが表示されます。 [携帯電話のサポートが必要です] ありがとうございます。 _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:01:47
オリジナル
1348 人が閲覧しました

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&amp;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&amp;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");
ログイン後にコピー

この Web サイトへの zepto.js の実際のパスがわかりません: http://m.nuomi.com 。
午後はずっと調整できなかった。

専門家に聞きますが、ポイントが足りない場合は、さらにポイントを追加できます。ありがとう。


ディスカッション(解決策)に返信

ため息、この HTML と CSS セクションは閑散としています ~~~

サイト全体のデバッグが複雑すぎます

ソートのビジネス ロジックだけを気にする必要があります

しかし、彼は サイト全体にはさまざまな制御コードとビジネス情報が含まれています

分析して研究するには、別の並べ替えられたデモを見つける必要があります

さて、遠回りしました。
もうOKです。
結び目。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート