clojure - 如何使用 Hiccup 在 Clojure 中制作可点击的图像

Question

现在我有一个徽标，然后是一个指向主页的链接。我想将它们组合起来，以便有人可以单击徽标并被定向到主页。我不知道如何用 Hiccup 做到这一点。

    [:div.navbar-brand
         [:img {:src "/img/logo.png"
                :width 70
                :height 50}]
         
         [:a.navbar-item
          {:href "/"
           :style {:font-weight "bold"}}
          "Home"]

我正在尝试做类似的事情

    [:a.navbar-item
          {:href "/"}
           {:img {:src "/img/logo.png"
                  :width 70
                  :height 50}}]

但它不起作用。我该怎么办？

Answer 1

Img是里面的元素a，而不是 的属性a，所以使用方括号：

[:a.navbar-item
           {:href "/"}
           [:img {:src "/img/logo.png"
                  :width 70
                  :height 50}]]