2014-10-05 54 views
-1

我有需要,就像kijiji.ca如何創建這樣的客齊集與HTML和jQuery或JavaScript

創建位置選擇如果我選擇省內需求主頁菜單,然後在該省內城市將是顯示就像www.kijiji.ca主網頁(位置選擇)

他們使用UL S和李s到創建Ajax支持菜單。

我知道阿賈克斯的一部分,但具有格式化菜單,以及如何使城市出現在省的選擇和在同樣的垂直位置爲全省麻煩。

下面是省,市UL S中的HTML。

<div class="location-wrapper"> 
     <ul class="locMenu drop-down level-1"> 
      <li data-loc-id="9003" class="more"><a href="javascript: void(0)">Alberta</a></li><li 
       data-loc-id="9007" class="more"><a href="javascript: void(0)">British Columbia</a></li><li 
        data-loc-id="9006" class="more"><a href="javascript: void(0)">Manitoba</a></li><li 
         data-loc-id="9005" class="more"><a href="javascript: void(0)">New Brunswick</a></li><li 
          data-loc-id="9008" class="more"><a href="javascript: void(0)">Newfoundland</a></li><li 
           data-loc-id="9002" class="more"><a href="javascript: void(0)">Nova Scotia</a></li><li 
            data-loc-id="9004" class="more"><a href="javascript: void(0)">Ontario (A - L)</a></li><li 
             data-loc-id="100009004" class="more"><a href="javascript: void(0)">Ontario (M - Z)</a></li><li 
              data-loc-id="9011" class="more selected"><a href="javascript: void(0)">Prince Edward 
               Island</a></li><li data-loc-id="9001" class="more"><a href="javascript: void(0)">Québec</a></li><li 
                data-loc-id="9009" class="more"><a href="javascript: void(0)">Saskatchewan</a></li><li 
                 data-loc-id="9010" class="more"><a href="javascript: void(0)">Territories</a></li></ul> 
     <ul class="locMenu drop-down level-2" style="margin-top: 168px;"> 
      <li data-loc-id="1700118" class="more children"><a href="javascript: void(0)">Prince 
       Edward Island</a></li></ul> 
     <ul class="locMenu drop-down level-3" style="margin-top: 168px;"> 
     </ul> 
    </div> 

您可以在www.kijiji.ca第一頁檢查網站

+0

爲什麼你不僱用一個知道如何在jQuery中編程爲你做的人? B/C我不是,並且懷疑其他人會。 – 2014-10-05 07:18:00

+0

我已經做到了。我只需要知道最好的解決方案。如果您有任何想法,請捐助。這將是建設性的其他人也 – fc123 2014-10-05 07:24:18

+0

後你做了什麼代碼,因爲在你的問題的HTML不是它的全部。另外,最好的解決方案*應該是什麼意思?它工作嗎?有什麼問題? – 2014-10-05 07:26:32

回答

0

很簡單我剛剛和

margin-top: 

財產

而且使用中播放和jQuery的獸皮

數據從服務器來使我不得不爲使用pagemethods或jQuery的Ajax。

簡單