Question

请查看以下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>

用户点击div'lang'，其中有一个锚标记'Text A'，点击此锚标记，用户将被重定向到特定页面。
当用户点击'lang'div时，slideToggle（）函数是执行并向用户显示div'langmenu'。（这会产生下拉效果）
这个'langmenu'div还有两个锚标签（文字B和文字C）请找到上面的HTML代码。
当用户点击任一锚标记时，页面将根据锚标记的href属性重定向到相应的网址。
问题与用户选择的锚标签无关，即“文本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();
    });
});

Answer 1

尝试：

$（document）.ready（function（）{ $（'。lang＆gt; a'）。click（function（）{ $（ “＃lang_menu”）的slideToggle（）。 }）; }）;

从您的代码开始，＃lang_menu是点击侦听器的一部分..如果它是嵌套的

使用UL LI进行slidetoggle（）

1 个答案: