How can I method chain JQuery JayQ functions in Clojurescript?

Question

In JQuery I can do something like:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

:and it runs them in order, but when I try the following in Clojurescript JayQ:

(-> $("#p1")
  (css "color" "red")
  (slideUp 2000)
  (slideDown 2000)
)

: then the methods do not run one after the other. Any ideas on how I can do this?

Kevin L. · Accepted Answer · 2013-07-06 16:12:45Z

9

I can't speak to jayq, but if you are trying to interop directly with jQuery you need to use the dot syntax to interop:

(-> (js/$ "#p1")
    (.css "color" "red")
    (.slideUp 2000)
    (.slideDown 2000))

answered Jul 6, 2013 at 16:12

Kevin L.

1,6731 gold badge16 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

yazz.com Over a year ago

What about the (css {:color "red"}), is it needed?

Kevin L. Over a year ago

If you pass a ClojureScript hashmap to jQuery, it will explode with confusion. You can create a plain JavaScript object in ClojureScript pretty easily though: (js-obj) and then use aset and aget to set and get properties (be sure to use strings instead of keywords for the keys).

Aleš Roubíček · Accepted Answer · 2013-07-08 05:55:54Z

3

The JayQ syntax is slightly different. This should be more accurate:

(-> ($ "#p1")
    (css {:color "red"})
    (slide-up 2000)
    (slide-down 2000))

answered Jul 8, 2013 at 5:55

Aleš Roubíček

5,20730 silver badges29 bronze badges

2 Comments

yazz.com Over a year ago

Thanks, I missed the extra braces!

Aleš Roubíček Over a year ago

I think there is more syntactic differences. :)

Collectives™ on Stack Overflow

How can I method chain JQuery JayQ functions in Clojurescript?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related