редактируемые ячейки таблицы в JQuery

Question

$('#example tbody').on('click', 'td.actualweight', function(e) { 
 

 
    if (!$('.thVal1', this).length) 
 

 
     $(this).html(function(i, v) { 
 
     return '<input class="thVal1" type="text" value="' + v + '" />' 
 
     $(".thVal1").focus(); 
 

 
    }); 
 
}).on({ 
 
    // bind keyup event 
 
    'keyup': function(event) { 
 

 
     // on enter key update the content 
 
     if (event.keyCode == 13) { 
 
      $(this).parent().html($(this).val().trim()); 
 
     } 
 
    }, 
 
    'blur': function() { 
 
     actualweight = $(".thVal1").val(); 
 
     // if focus out the element update the content with iput value 
 
     $(this).parent().html($(this).val().trim()); 
 
    } 
 
}, '.thVal1');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Когда я нажимаю на TextBox тд. Если я снова нажму, текст станет фокусом. Тем не менее, TextBox должен сосредоточиться только на первом клике.

Answer 1

Почему вы добавляете код после заявления return?

Я думаю, вы должны изменить его на

$(this).html(function(i, v) { 
    return '<input class="thVal1" type="text" value="' + v + '" />' 
    //$('.thVal1').focus(); 
}); 
$('.thVal1').focus();