jQuery UI禁用輸入字段

Question

使用Foundation Framework和PHP

我有幾個簡單的輸入type = text表單字段，它們看起來很吸引人（光標在其中閃爍），但它們拒絕接受任何鍵盤輸入。 經過一番嘗試和錯誤后，我發現如果禁用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 mask插件時，我已經看到類似的錯誤。 我需要同時使用兩者，因此我不得不停用其中一個庫中的重復選擇器，因此對於同一輸入它不會被激活。

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>