在jquery对话框上显示wijmo菜单

时间:2013-09-11 06:47:39

标签: asp.net-mvc jquery-dialog wijmo

我是wijmo的新手。我在项目中打开了一个对话框。 我想在对话框中打开一些wijmo菜单。为此,我做了以下事情 -

jquery代码

$(document).ready(function () {
        $("#wijmenu1").wijmenu({
            trigger: "#downArrow_imgEmailIdTest",
            triggerEvent: "mouseenter",
            orientation: "vertical"
        })
    });

html代码 -

<span id="downArrow_imgEmailIdTest">Menu</span>
             <ul id="wijmenu1"> 
                <li><a href="#">Breaking News</a></li> 
                <li><a href="#">Entertainment</a></li> 
                <li><a href="#">Finance</a></li> 
                <li><a href="#">Politics</a></li> 
                <li><a href="#">Sports</a></li> 
            </ul> 

它没有打开我的wijmo菜单以及我在浏览器上检查生成的html,并且它没有将任何出现在wijmo菜单中的类添加到我的菜单中。

怎么做?我正在做正确的步骤吗?

1 个答案:

答案 0 :(得分:0)

我尝试了您的代码,它与最新版本20132.9配合使用。这是我使用的代码:

        $('#dialog').wijdialog({
            autoOpen: true,
            captionButtons: {
                refresh: { visible: false }
            }
        });
        $("#wijmenu1").wijmenu({
            trigger: "#spanID",
            triggerEvent: "mouseenter",
            orientation: "vertical"
        })

HTML代码

<div id="dialog" title="Basic dialog">
      <span id="spanID">test</span>
            <ul id="wijmenu1">
                <li><a href="#">Breaking News</a></li>
                <li><a href="#">Entertainment</a></li>
                <li><a href="#">Finance</a></li>
                <li><a href="#">Politics</a></li>
                <li><a href="#">Sports</a></li>
           </ul>
</div>

如果它没有用,请告诉我。