使用jQuery触发RadMenu Dropdown操作

2023年2月16日 216次阅读

我有一个基于Dynamnic的Radmenu和下拉菜单.

我希望用户单击站点上的图像(而不是菜单),然后它会自动触发下拉菜单,以便从带有jQuery的Telerik菜单中显示.这可能吗？

加载网站后的客户端HTML：

<div id="ctl00_RadMenu1" class="RadMenu RadMenu_Hay rmSized" style="width: 960px; left: 0px; top: 0px; z-index: 10000; ">
    <ul class="rmRootGroup rmHorizontal">
        <li class="rmItem rmFirst">
            <a href="http://test.com" class="rmLink rmRootLink"><span class="rmText rmExpandDown">Test Dropdown 1</span></a>
            <div class="rmSlide">
                <ul class="rmVertical rmGroup rmLevel1">
                    <li class="rmItem rmFirst">
                        <a href="http://test.com" class="rmLink"><span class="rmText">Dropdown Item 1</span></a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>

最佳答案 我想你正在寻找这个……

$('#theImage').click(function(){
    var menu = $find("<%= RadMenu1.ClientID %>");
    var item = menu.findItemByText('Test Dropdown 1');
    if (item) {
        item.open();
    } else {
        alert('the item ' + text + ' was not found');
    }
});

你可以在这里阅读更多相关信息：http://www.telerik.com/help/aspnet-ajax/menu-client-side-basics.html

点赞