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

Question

现在我有一个徽标，然后 link 到主页。我想将它们组合起来，以便有人可以单击徽标并被定向到主页。我不知道如何用 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}]]

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

How do I make a clickable image in Clojure with Hiccup

clojure

hiccup

clojurescript