基金会5文本框没有响应

Question

文本框加载正常并且看起来很棒，但您无法点击并选择文字。您可以单击文本框，光标移动到第一个位置，但没有其他任何内容。出于某种原因，鼠标不在控件中工作，但键盘是。

这些是基于数据库中行数的动态创建的文本框。此外，用户可以单击spiffy +图像以添加其他行。我使用的是F5，也是一个可排序的插件。

HTML：

     <div class="row">
        <div class="small-12 large-10 small-centered columns" id="Ingredients">
      <ul id="sortable-with-handles" class="sortable list">
        <li><div class='row'><div class='small-12 large-12 small-centered columns'><div class='row'>
  <div class='small-3 large-1 columns'>Sort</div>
  <div class='small-3 large-4 columns'>Ingredient</div>
  <div class='small-2 large-2 columns'>Dept</div>
  <div class='small-3 large-4 columns'>Shopping List</div>
  <div class='small-1 large-1 columns'><img src='./images/green_add.png' id='add_row' height='25' width='25' title='Add Another Row' /></div>
</div></div></div></li>
<li data-id=1><div class='row'><div class='small-12 large-12 small-centered columns' id='ingredients1'><div class='row'>
  <div class='small-3 large-1 columns'><img id='sort_1' class='handle' src='./images/sort-icon.png' /></div>
  <div class='small-3 large-4 columns'><input type='text' id='ingr_1' name='ingr_1' value='1 (12 ounce) jar Franks Red Hot Buffalo Sauce' /></div>
  <div class='small-2 large-2 columns'><select id='dept_1' name='dept_1' style='font-size:75%;' class='medium'>
<option value='0' style='font-size:8pt;'>Choose...</option>
  <div class='small-3 large-4 columns'><input type='text' id='shop_1' name='shop_1' value='1 (12 ounce) jar Franks Red Hot Buffalo Sauce' /></div>
  <div class='small-1 large-1 columns'><img src='./images/delete.png' id='delete_row_1' height='25' width='25' title='Remove Ingredient' /></div>
</div></div></div></li>
      </ul>
    </div>
     </div>

我包括截图：

Answer 1

我有一个类似的问题，结果是格式错误的HTML - 我相信在我的情况下，我有一个嵌套不正确的<div class="row">。查看您的代码，您的下拉列表中显示您缺少结束div。

<div class='small-2 large-2 columns'> <select id='dept_1' name='dept_1' style='font-size:75%;' class='medium'> <option value='0' style='font-size:8pt;'>Choose...</option> <!-- missing closing div -->
<div class='small-3 large-4 columns'><input type='text' id='shop_1' name='shop_1' value='1 (12 ounce) jar Franks Red Hot Buffalo Sauce' /> </div>