1

メニューを作成するために、WebSharper が提供する JQueryUI を使用したいと考えています。

JQueryUI Web サイトで、それを作成するには 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 を使用したメニューに関するドキュメントは見つかりません。使用方法を理解するのを手伝ってもらえますか?

4

1 に答える 1

1

WebSharper がリンクしているバージョンである jQuery 1.11 と jQuery UI 1.10 の間には、いくつかの非互換性があるようです。

jQuery UI 1.11 を参照するように WebSharper.JQueryUI を更新したので、NuGet パッケージを最新 (2.5.7.186) に更新すると、これが機能します。

于 2014-09-16T13:20:50.743 に答える