Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angularjs xeditable.js文本字段的动态宽度_Javascript_Css_Angularjs_X Editable - Fatal编程技术网

Javascript angularjs xeditable.js文本字段的动态宽度

Javascript angularjs xeditable.js文本字段的动态宽度,javascript,css,angularjs,x-editable,Javascript,Css,Angularjs,X Editable,我试图使输入文本的宽度增加或减少。我尝试了以下代码,但没有结果 $('.editable-input').keyup(function() { $(this).css('width', $(this).val().length*10); }); 经过长时间的研究,我找到了解决问题的办法。虽然似乎没有人真正打扰我的问题,哈哈 $('.parent-container').on('keyup', '.editable-input', function () {

我试图使输入文本的宽度增加或减少。我尝试了以下代码,但没有结果

    $('.editable-input').keyup(function() {
        $(this).css('width', $(this).val().length*10);
     });

经过长时间的研究,我找到了解决问题的办法。虽然似乎没有人真正打扰我的问题,哈哈

  $('.parent-container').on('keyup', '.editable-input', function () {
     $(this).css('width', $(this).val().length*9);   
  });

您应该添加一个最大限制<代码>如果($(this).val().length*9<300)则增加宽度。