Menu
I am trying to use jQuery.hide("#whatever .class").hide("slide", { direction: "right" }, 750); to 'slide' previously hidden divs in and out (think scrolling portals)... In just a basic HTML template it works fine. When I turn this into a Sitefinity master template it seems to be clashing with a built in version of jQuery and using $.noConflict(); does not seem to be helping. The error I'm getting is:
Error: c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function
Source File: http://localhost/Sf4/ScriptResource.axd?d=OA8H8dIKI9jNRfyUWi_J-1dnW6KOX2OUR5SdpCRyXm_z1b9rEU86tS8njjEZ9-Nr0A8c_jz50CI8odnGSlRAImvVnFIjTj-xE7VHrDCn7icWqBV98QgezjOTu21wu6_-0&t=ffffffff82d3fa2f
Line: 556
every time it tries to slide. It appears that the auto generated Telerik code is overriding the jQuery UI JS file I've imported. I've even tried putting my JS file includes in the HTML <body> tag to make sure they come last- still no luck.
316
I agree with others that utilizing Sitefinity's built-in JQuery library is preferred.
--
Regarding how to reference that built-in jQuery library, this is how it's done with Sitefinity 4.x:
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sf" %>
<sf:ResourceLinks ID="resourcesLinks" runat="server">
<sf:ResourceFile JavaScript Library="JQuery" />
</sf:ResourceLinks>
The official documentation on this topic can be found below:
174
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
