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）将使其工作。