jquery-ui - WebSharper：如何使用 jQueryUI 创建菜单

Question

我想使用 WebSharper 提供的 JQueryUI 来创建菜单。

我在 JQueryUI 网站上看到，我们需要一个 ul 和 li 的列表来制作它。

所以我在 WebSharper 中创建了以下代码。

let Menu = 
    let atr = Attr.NewAttr("test")
    let el2 = 
        Div [
            Text "menu1"
            Text "menu2"
         ]

    let menuId = "menu"

    let el =
        UL [
            LI [
                Text "menu1"
                UL [
                    LI [Text "sub-menu1"]
                ] :> IPagelet
            ]
            LI [Text "menu2"]
        ]

    let menuJS = Menu.New(el)

    Div [menuJS ]

let Main () =
    Div [
        H1 [Text "Titre 1"]
        Menu
    ]

这允许我创建 ul 和 li 的基本结构。之后，我用它来创建菜单。

但我无法获得子菜单。而且，我不知道如何与菜单交互，比如捕捉选择元素等。

我在 WebSharper 示例中找不到有关 JQueryUI 菜单的文档。你能帮我理解如何使用它吗？

Answer 1

jQuery 1.11 和 jQuery UI 1.10 之间似乎有些不兼容，这是 WebSharper 链接的版本。

我刚刚更新了 WebSharper.JQueryUI 以引用 jQuery UI 1.11，因此将 NuGet 包更新到最新版本 (2.5.7.186) 即可完成这项工作。