0

请找到下面的html和相关代码

<div class="lang">
            <a href="Text A url" class="uk lclick">Text A</a>
        </div>
        <div id="lang_menu" class="small_menu">
            <ul class="lang-list">
                <li><a href="Text B url" class="de">Text B</a></li>
                <li class="no-sep"><a href="Text C url" class="tr">Text C</a></li>
            </ul>
            <div class="small_menu_bottom">
            </div>
        </div>
​
  1. 用户单击具有锚标记 'Text A' 的 div 'lang' ,单击此锚标记,用户将被重定向到特定页面。

  2. 当用户点击 'lang' div 时,会执行 slideToggle() 函数并向用户显示 div 'langmenu'。(这会产生下拉效果)

  3. 这个 'langmenu' div 还有两个锚标记(文本 B 和文本 C) 请找到上面的 html 代码。

  4. 当用户单击任一锚标记时,页面将根据锚标记的 href 属性重定向到相应的 url。

  5. 问题与用户选择的锚标记无关,即“文本 B”或“文本 c”,在页面重定向后,下拉列表中仅显示“文本 A”。应在何处显示选定的锚标记文本

请让我知道如何解决此问题。

请找到 jquery 和 css 。

.lang{background:url(someurl) no-repeat; display:block; padding:0 9px; width:145px;height:22px; cursor:pointer; position:absolute; top:24px; left:188px;}

.lang-list li a.uk{ background:url(someurl) left center no-repeat;}
.lang-list li a.de{ background:url(someurl) left center no-repeat;}
.lang-list li a.tr{ background:url(someurl) left center no-repeat;}

#lang_menu{position:absolute; top:48px; left:188px; width:159px;display:none; cursor:pointer; z-index:100;}

.small_menu, .small_menu_bottom{background:url(someurl) 0 0 no-repeat; width:159px;}
.small_menu_bottom{clear:both; background-position:-161px 0; height:10px; display:block; margin-bottom:-10px;}

.lang-list li{height:25px; line-height:25px; background:url(someurl) center bottom repeat-x; margin:0 1px;padding-left:15px;}

li.no-sep{ background:none;height:15px; line-height:15px; padding-top:8px;}

我不经常使用 jquery,所以我发现很难解决这个问题。这可能是一个简单的修复,请告诉我。

$(document).ready(function () {
    $('.lang').click(function () {
        $("#lang_menu").slideToggle();
    });
});​
4

1 回答 1

0

尝试 :

$(document).ready(function () { $('.lang > a').click(function () { $("#lang_menu").slideToggle(); }); });​</p>

在您的代码中,#lang_menu 是点击侦听器的一部分。如果它是嵌套的

于 2012-10-16T11:09:38.313 回答