2014-10-05 58 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。

简单