[Solved] hoverIntent jquery plugin

[M Givi]

Hi,
I'm trying to use this (hoverIntent) jquery plug in in my code and doesn't seem to work. How can I add a jquery plugin?

I have included the followings to my page.
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" >
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Path="~/js/jquery.hoverIntent.minified.js" />
       
    </Scripts>
</telerik:RadScriptManager>

thanks

[Veselin Vasilev]

Hello M Givi,

You need to do two additional little steps:

1. Add a reference to the jQueryInclude.js file:

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" >
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        <asp:ScriptReference Path="~/js/jquery.hoverIntent.minified.js" />
    </Scripts>
</telerik:RadScriptManager>

2. Add the highlighted line before you try to use the $ alias on your page:

<script type="text/javascript" charset="utf-8">
    var $ = $telerik.$;
    $(document).ready(function() {
        $("#demo3 li").hoverIntent({
            sensitivity: 3,
            interval: 200,
            over: makeTall,
            timeout: 500,
            out: makeShort
        });
    });  // close document.ready

        function makeTall(){  $(this).animate({"height":75},200);}
        function makeShort(){ $(this).animate({"height":50},200);}
    </script>

I hope this helps.

Best wishes,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[M Givi]

It worked! thanks a lot.