jQuery selectable and @(Html.Telerik().ScriptRegistrar())

[Jaymie]

Hi,

I have another issue today :)
I have found that using http://jqueryui.com/demos/selectable/ with @(Html.Telerik().ScriptRegistrar()) doesn't work.
As soon as i remove the reference to the ScriptRegistrar, everything starts working.
Is there something that I am doing wrong?

@using (Html.BeginForm())
{
    <ul id="selectable">
        @foreach (IProfile oProfile in Model)
        {
            <li class="ui-widget-content">@oProfile.UserName</li>
        }
    </ul>
}

<script type="text/javascript">
    $(document).ready(function () {
        $("ul#selectable").selectable();
    });
</script>

The code above should work with my references to these libraries:

<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/themes/ui-lightness/jquery-ui-1.8.16.custom.css")" />

But as soon as the reference to @(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true))) is added, i get an "Error: Object doesn't support property or method 'selectable'" error....

Please help me :)

/Jaymie

[Dimo]

Hi Jaymie,

The problem may be caused by the fact that you have two jQuery instances on the page. You can disable the automatic jQuery registration done by the ScriptRegistrar.

http://www.telerik.com/help/aspnet-mvc/web-assets-working-with-javascript-web-assets.html#jQuery

Regards,
Dimo
the Telerik team

[Jaymie]

So how do i get around that?
I have my script registrar in my layout, if I change it to the suggested format jquery starts working, but the treeview draggable stops working.
If I have it enabled, then all the jquery stops working.

I tried removing my reference to jQuery and keeping the normal Script Registrar, but that didn't solve anything.

/Jaymie

[Dimo]

Hi Jaymie,

Generally, if you disable the ScriptRegistrar's jQuery registration, the only requirement is that your own jQuery registration comes before the ScriptRegistrar in the markup. The other of course is that the jQuery version is compatible with our MVC components.

Do you have some Javascript errors that may point to the right direction? If you need further assistance, you can send us a runnable demo, which exhibits the problem, so that we can take a look.

Regards,
Dimo
the Telerik team

[Nikos]

I also have the same issue, but

.jQuery(false)

fixed it, why is this necessary?