Javascript 剑道:上下文主菜单的方向属性

Javascript 剑道:上下文主菜单的方向属性,javascript,html,css,kendo-ui,Javascript,Html,Css,Kendo Ui,我想使用剑道上下文主菜单项目的方向选项。我搜索了剑道文档,发现剑道上下文子菜单项和剑道菜单项可以使用方向选项 剑道文件参考: 但是在我的例子中,我需要在DIV的最右角使用剑道上下文菜单,这样打开上下文菜单应该落在DIV的内部,而不是超过它 My code: https://codepen.io/JGSpark/pen/XYQjmR 上下文菜单选项应位于DIV中,含义菜单应向左打开 任何建议都会很有帮助。因为我的另一个答案被无缘无故地删除了,在这里你可以看到我用我的旧答案引用的东西(为什么有人

我想使用剑道上下文主菜单项目的方向选项。我搜索了剑道文档,发现剑道上下文子菜单项和剑道菜单项可以使用方向选项

剑道文件参考:

但是在我的例子中,我需要在DIV的最右角使用剑道上下文菜单,这样打开上下文菜单应该落在DIV的内部,而不是超过它

My code: https://codepen.io/JGSpark/pen/XYQjmR 
上下文菜单选项应位于DIV中,含义菜单应向左打开


任何建议都会很有帮助。

因为我的另一个答案被无缘无故地删除了,在这里你可以看到我用我的旧答案引用的东西(为什么有人会删除这么少听众的答案!?):

也许这有帮助:肯杜伊:


$(文档).ready(函数(){ $(“#菜单”).kendoMenu(); });
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.rtl.min.css" />   <!-- Add this to your hmtl -->
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example">
        <div class="demo-section k-content k-rtl"> <!-- The k-rtl property makes the context menu go to the left -->
            <ul id="menu">              <!-- Here is your context menu -->
                <li>...</li>
                <li>...</li>
                <li>...</li>
            </ul>
        </div>

        <script>
            $(document).ready(function() {
                $("#menu").kendoMenu();
            });
        </script>
    </div>
</body>
</html>