Skip Navigation

[Resolved] JQuery help files point to wp-types mainpage

This thread is resolved. Here is a description of the problem and solution.

Problem:
How to add ":hover" event on div using jQuery.

Solution:
You can find number of example on internet to add "hover" effect on div using jQuery.

However, you can find proposed solution on the following link:
=> https://toolset.com/forums/topic/jquery-help-files-point-to-wp-types-mainpage/#post-376612

Relevant Documentation:
http://www.w3schools.com/cssref/sel_hover.asp
http://ianlunn.github.io/Hover/

This support ticket is created 8 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 4 replies, has 2 voices.

Last updated by gaborG 8 years, 1 month ago.

Assisted by: Minesh.

Author
Posts
#376568

I was trying to look up some JQuery documents here on wp-types but all the search result links what I tried redirected to wp-types.com instead of to their supposed address. Please check your links.

Anyhow... the problem is this:
I want to have a :hover event for a div which will change several parts of the div (other divs inside it) in different ways - basically coloring some text to one color and some other text to other colors. I wanted to do it with JQuery but for some reason my code doesn't work.
Do you have some sources for this?
Thanks.

#376612

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

To implement ":hover" selector with CSS you should have sufficient knowledge of CSS.

You can find more info on following links:
hidden link
hidden link

As you want with jQuery, Please see following links:
=> hidden link
=> hidden link
=> hidden link

If you still need further assistance with your issue, please feel free to contact our certified partners on the following link:
https://toolset.com/consultant/

#376775
jquery.jpg

Sorry, I think I didn't explain myself correctly.
I already found a JQuery code to implement what I wanted, but it doesn't work when I add it to the JS editor in the View, as you can see on the image.
Is this not an accepted way to use JQuery in Views?

#377094

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Could you please replace "$" with "jQuery" with your javascript code.

#377345

Thanks, that's it.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.