I am trying to get the tooptip to work when I hover over a span tag,
below is the code:
- <div
class="rewards-points">
<div class="price-box">
-
<span class="price"> You will earn 50 points for
purchasing this product!</span>
-
</div>
<script
type="text/javascript">
jQuery(document).ready(function()
{
jQuery('.rewards-points
.price').tooltip({content: 'The amount listed is the number of
reward points you will earn by purchasing this
product.&nbsp; Reward points can be applied as payment for
future orders.&nbsp; You can also earn reward points by
referring friends and writing product reviews.'});
});
</script>
</div>
I have verified that jQuery('.rewards-points .price') is a valid
selector, but when I hover over the div tag, the content does not
show. I have included the css files for jQuery UI, and the jQuery
UI min file. Here is a link to the page where it is not working:
https://destinationvitamins.uldev.co/now-foods-methyl-b-12-5000-mcg-120-lozenges
Please Help.