CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Mirko Cianfarani
Mirko Cianfarani

Reputation: 2103

How to change name's item of sortable always

I have a sortable that it was loaded from JSON files.

Now I want to edit one item for example Little birds.

How to change this?

The HTML code of the sortable:

<div id="sortparam">

<ul style="" class="ui-sortable" id="sortable">
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li>
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li>
    <li style="" id="3" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li>
</ul>

</div>

Upvotes: 0

Views: 115

Answers (1)

Zoltan Toth
Zoltan Toth

Reputation: 47667

You can use contenteditable - http://jsfiddle.net/Jv5Zq/

Click on "Little birds" and feel free to edit

<div id="sortparam">

<ul style="" class="ui-sortable" id="sortable">
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li>
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li>
    <li style="" id="3" class="ui-state-default" contenteditable> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li>
</ul>

</div>​

Upvotes: 2

Related Questions