javascript - JQuery Draggable 方法在局部 View 中不可用

Question

我有一个包含多个 Div 的局部 View ，每个都使用 JQuery UI 可拖动库设置为可拖动。

Jquery 脚本加载在母版页中，当您打开它自己的部分 View 时，它工作正常。但是，我使用 ajax 在主页中加载此局部 View ，通过在下拉列表中选择一个选项来触发。当我这样做时，jquery 代码不再有效，并且出现此错误:

Uncaught TypeError: Object #<an Object> has no method 'draggable'

好像是partialview访问不到jquery库，不知道为什么。

我使用的将 Div 设置为可拖动的代码如下:

 $(function () {
        $(".NameBox").draggable({
            revert: true,

            start: function (event, ui) {

                document.onselectstart = function () { return false; };

            },
            stop: function (event, ui) {
                document.onselectstart = function () { return true; }
            }

        });
        $(".NameBox").live(droppable({
            accept: '.NameBox',
            drop: function (event, ui) {
              alert(ui.draggable.attr("dropped"))


        });
});

部分 View 是使用 Jquery 加载语句加载的:

$('#relationships').load('<%= Url.Action("ListRelationshipMappings", "Admin") %>/' + $("#availibleInstances").val())

availibleInstances 只是一个允许选择 ID 字段的下拉列表。

Answer 1

事实证明，这是因为我还使用了 Telerik MVC 脚本注册选项来加载它的脚本，它加载了它自己的 Jquery 版本，这导致了冲突。

这可以通过使用以下方法在不使用 Jquery 的情况下加载 Telerik 脚本来解决:

<% Html.Telerik().ScriptRegistrar().jQuery(false); %>