Question

这是我目前正在处理的小提琴。 http://jsfiddle.net/Nemi9/76JPk/29/

我希望保持所有内容的排序，但是想要在点击或鼠标按下时将可编辑的功能添加到所有ul。我目前正在尝试将每个列表和任何新项目添加到每个列表中。但是它们目前都是.sortable。顶部代码是我目前用来尝试在单击时编辑HTML中第17-45行的代码。我希望此人能够点击每个列出的项目并在字段中添加自己的文本。

我将contenteditable = true放入每个列表ID

以下这些行在.JS

中为63-66

var editable1 =$("#names,#homes,#purchased").editable();

    $("#names,#homes,#purchased",editable1).click(function(ev){
    $("#names,#homes,#purchased").input(type=submit)

这是我目前的HTML

 <div class="box1">
   <h3>Needed Items</h3>
     <ul id="names" contenteditable="true"/>
       <li class="ui-state-default">Carrot</li>
       <li class="ui-state-default">Onion</li>
       <li class="ui-state-default">Water</li>

   </ul>

</div>



  <div class="box2"> 
     <h3>Home Items</h3>
      <ul id="home" contenteditable="true"/>
        <li class="ui-state-default">Cookies</li>
        <li class="ui-state-default">Milk</li>
        <li class="ui-state-default">Chicken</li>

   </ul>

</div>


   <div class="box3">
      <h3>Purchased Items</h3>
       <ul id="purchased" contenteditable="true"/>
        <li class="ui-state-default">Potato</li>
        <li class="ui-state-default">Rum</li>
        <li class="ui-state-default">Coke</li>


   </ul>

   </div>

将.editable函数添加到.sortable列表中的问题

0 个答案: