jQuery UI禁用输入字段

Question

Using Foundation Framework and PHP

I have a couple of simple input type=text form fields which appear to get focus (cursor blinks inside them) but they refuse to accept any keyboard input. After some trial and error, I discovered that if I disable the Jquery-ui.js script, the inputs work ok.

It appears that Jquery-ui is somehow disabling the fields. Does anyone have any idea why this might be and what a workaround might be? I need to keep Jquery-ui as I have some draggable/droppable items.

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

Answer 1

I'm guessing here, but i've seen errors like these when i had conflicting jquery mask plugins in the project. I needed to use both, so i had to deactivate the duplicated selectors from one of the libs so it doesn't activated for the same input.

Answer 2

Not enough information to answer the direct question. However, as a side note, you can use the jQuery UI interactions--mouse, position, draggable, droppable, position, resizable, selectable, sortable--without having to use the widgets. The only dependencies are core.js and widget.js(the widget factory).

Answer 3

I've got a potential workaround for you.

First create two instances of 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>

Now, use new jQuery instance in place of the old one

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