遺漏的類型錯誤：無法讀取的不確定（...）財產「分割」

Question

我得到遺漏的類型錯誤：無法讀取屬性未定義的「分裂」（...）

這裏是我的jQuery代碼：

(function($) { 
    "use strict"; 

    $('.tk-input').on('change', function(e){ 
    var $umargin = $(this).parent(); 
    var temp = ''; 
    $umargin.find('.tk-input').each(function(input_index, input){ 
     var margin_property = $(input).attr('data-property'); 
     var input_value = $(input).val(); 
     if(input_value != '') 
     { 
      if(input_value.match(/^[0-9]+$/)) 
       input_value += 'px'; 
      temp += 'margin-'+margin_property+':'+input_value+';'; 

     } 
    }); 
    $umargin.find('.tk-margin-value').val(temp); 
}); 
$('.tk-margin-values').each(function(index, element){ 
    var $umargin = $(this); 
    var tk_margin_value = $umargin.find('.tk-margin-value').val(); 
    console.log($umargin.find('.tk-margin-value').val()); 
    if(tk_margin_value != '') 
    { 

     var vals = tk_margin_value.split(';'); 

     $.each(vals, function(i,vl){ 
      if(vl != '') 
      { 
       var splitval = vl.split(':'); 
       var margin_value = splitval[1]; 
       var param = splitval[0].split('-'); 
       var margin_property = param[1]; 
       $umargin.find('.tk-input').each(function(input_index, input){ 
        var input_margin_property = $(input).attr('data-property'); 
        if(margin_property == input_margin_property) 
         $(input).val(margin_value); 
       }); 
      } 
     }) 
    } 
}); 

})(jQuery); 

這是我的HTML代碼

<div class="tk-margin-values"> 
        <input name="tk_margin_top" data-property="top" class="value-margin-top tk-input '. esc_attr($settings['param_name']) .' '. esc_attr($settings['type']) .'_field" type="text" value="' . esc_attr($top_val) . '"> 
       <input name="tk_margin_right" data-property="right" class="tk-value-margin-right tk-input '. esc_attr($settings['param_name']) .' '. esc_attr($settings['type']) .'_field" type="text" value="' . esc_attr($right_val). '"> 

       <input name="tk_margin_bottom" data-property="bottom" class="tk-value-margin-bottom tk-input '. esc_attr($settings['param_name']) .' '. esc_attr($settings['type']).'_field" type="text" value="'. esc_attr($bottom_val).'"> 

       <input name="tk_margin_left" data-property="left" class="tk-value-margin-left tk-input '. esc_attr($settings['param_name']) .' '. esc_attr($settings['type']).'_field" type="text" value="' . esc_attr($left_val). '">'; 

    //$pieces = array($margin_property, $top_val, $right_val, $bottom_val, $left_val); 
    //$values = implode('||', $pieces); 
    <input type="text" name="'. esc_attr($settings['param_name']) .'" class="tk-margin-value wpb_vc_param_value wpb-input '. esc_attr($settings['param_name']).' '. esc_attr($settings['type']) .'_field" value="'. esc_attr($value) .'" '. $dependency .' />';  

    </div> 

$值在數據庫中保存的價值，目前'margin-top:10px;margin-right:10px;'保存在$值變量。

我不明白爲什麼$ umargin.find（'。tk-margin-value'）.val（）是爲什麼在控制檯日誌中未定義，爲什麼會出現此錯誤「Uncaught TypeError：無法讀取屬性'split'未定義的（......）」

Answer 1

更新

它現在的工作

，或者你可以檢查if ($('.tk-margin-values').length))長像下面

 $(document).ready(function(){ 
      "use strict"; 

      $('.tk-input').on('change', function(e){ 
      var $umargin = $(this).parent(); 
      var temp = ''; 
      $umargin.find('.tk-input').each(function(input_index, input){ 
       var margin_property = $(input).attr('data-property'); 
       var input_value = $(input).val(); 
       if(input_value != '') 
       { 
        if(input_value.match(/^[0-9]+$/)) 
         input_value += 'px'; 
        temp += 'margin-'+margin_property+':'+input_value+';'; 

       } 
      }); 
      $umargin.find('.tk-margin-value').val(temp); 
     }); 

     if ($('.tk-margin-values').length) { 
      $('.tk-margin-values').each(function(index, element){ 
       var $umargin = $(this); 
       var tk_margin_value = $umargin.find('.tk-margin-value').val(); 
       console.log($umargin.find('.tk-margin-value').val()); 
       if(tk_margin_value != '') 
       { 

        var vals = tk_margin_value.split(';'); 

        $.each(vals, function(i,vl){ 
         if(vl != '') 
         { 
          var splitval = vl.split(':'); 
          var margin_value = splitval[1]; 
          var param = splitval[0].split('-'); 
          var margin_property = param[1]; 
          $umargin.find('.tk-input').each(function(input_index, input){ 
           var input_margin_property = $(input).attr('data-property'); 
           if(margin_property == input_margin_property) 
            $(input).val(margin_value); 
          }); 
         } 
        }) 
       } 
      }); 
     } 
     }); 

工作小提琴fiddle link