Jquery-UI禁用输入字段

时间:2014-06-05 19:51:35

标签: javascript php jquery jquery-ui

使用Foundation Framework和PHP

我有几个简单的输入类型=文本表单字段,它们似乎获得焦点(光标在它们内部闪烁),但它们拒绝接受任何键盘输入。经过一些试验和错误,我发现如果我禁用Jquery-ui.js脚本,输入就可以了。

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

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

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

我有一个潜在的解决方法给你。

首先创建两个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>