Jquery-UI 禁用输入字段

Question

使用基础框架和 PHP

我有几个简单的输入类型=文本表单字段，它们似乎获得焦点（光标在其中闪烁），但它们拒绝接受任何键盘输入。经过反复试验，我发现如果我禁用 Jquery-ui.js 脚本，输入就可以正常工作。

Jquery-ui 似乎以某种方式禁用了这些字段。有谁知道为什么会这样以及可能的解决方法是什么？我需要保留 Jquery-ui，因为我有一些可拖动/可放置的项目。

<form action="#" method="post">`
  <input id="formLength" type="text" >`
  <input id="formWidth" type="text">`
</form>`

Answer 1

我在这里猜测，但是当我在项目中有冲突的 jquery 掩码插件时，我看到了这样的错误。我需要同时使用两者，所以我必须从其中一个库中停用重复的选择器，这样它就不会为相同的输入激活。

Answer 2

没有足够的信息来回答直接问题。但是，作为旁注，您可以使用 jQuery UI 交互——鼠标、位置、可拖动、可放置、位置、可调整大小、可选择、可排序——而不必使用小部件。唯一的依赖是 core.js 和 widget.js（小部件工厂）。

Answer 3

我为您准备了一个潜在的解决方法。

首先创建两个jQuery实例

<script type="text/javascript">
    var $jOriginal = jQuery.noConflict(); 
</script>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script type="text/javascript">
    var $jNew = jQuery.noConflict(); 
</script>

现在，用新的 jQuery 实例代替旧的

<script type="text/javascript">
    $jNew('#selector).doSomething(); //Will use new jquery library
    $jOriginal('#selector).doSomethingElse(); //Will use original jquery library
</script>