Inhalt editierbare cursor-position

Ich habe ein div das die Inhalte bearbeitet und ich möchten, klicken Sie auf die Schaltfläche Bearbeiten, und der cursor wird an den Anfang des div, in der minute, in der am Ende angezeigt.

<li style="display: list-item;" class="menu-item" contenteditable="true">
<div class="">Dior<input type="checkbox" name="selected"></div>
<ol class="">
    <li style="display: list-item;" class="menu-item">
    <div class=""><a href="/portfolios/charlize-theron" class="" name="">Charlize-Theron</a>
    <input type="checkbox" name="selected"></div>
    </li>
    <li style="display: list-item;" class="menu-item">
    <div class=""><a href="/portfolios/natalie-portman" class="" name="">Natalie-Portman</a>
    <input type="checkbox" name="selected"></div>
    </li>
    <li style="display: list-item;" class="">
    <div class=""><a href="/portfolios/sharon-stone-1" class="" name="">Sharon-Stone</a>
    <input type="checkbox" name="selected"></div>
    </li>
</ol>
<a href="#" class="edit" style="opacity: 1; ">Edit</a></li>

So, wenn Sie klicken Sie auf Bearbeiten, in der minute, Sie müssen Pfeil-Schlüssel zurück an den start zu Bearbeiten, die von Dior (das ist die einzige Sache, die wirklich ist bearbeitet). aber ich habe versucht, fügen Sie den Inhalt editierbar-code für das div nur und es funktioniert nicht.

Hier einige meiner jQuery

$(".edit").click(function(){
            $(this).parent().children("div").focus(function(){

            });
        });

        $(".edit").hover(function(){
            $(this).css("opacity","0.5")
        }, function(){
            $(this).css("opacity","1")
        });

        $(".edit").parent().blur(function(){
            var sortableList = $(".sortable").html();
            $("#ItemDescription").val(sortableList);
        });

function storeUserScribble(id) {
                var scribble = $("li div").text();
                localStorage.setItem('userScribble',scribble);
              }

              function getUserScribble() {
                if ( localStorage.getItem('userScribble')) {
                  var scribble = localStorage.getItem('userScribble');
                }
                else {
                }
              }

              function clearLocal() {
                clear: localStorage.clear();
                return false;
              }

Wenn jemand kann etwas Licht auf, warum der cursor nicht an der front der div automatisch, die helfen könnten. Ich würde lieben, um die cursor-position an den Anfang DH Vor DIOR.

Danke für die Hilfe!

InformationsquelleAutor Tara Irvine | 2011-08-29

Schreibe einen Kommentar