Как предотвратить загрузку ширины lazy in kendo

Question

Я внедрил kendo combobox в свой блог, но когда я впервые вхожу на веб-страницу или обновляю страницу, ширина становится очень ленивой, я имею в виду, что я вставил код ширины извне, я имею в виду уменьшить ширина коробки Это код, я вставил код, но после этого я получил результат, но он загружается очень ленивы, как вы можете увидеть в моем blog

<style> 
.k-combobox{ 
    width: 225px !important; 
} 
</style> 

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> 
 
    
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" /> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" /> 
 

 
    <script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"></script> 
 
    <script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script> 
 

 

 

 
     <div id="example" role="application"> 
 
\t \t  <div id="tshirt-view" class="demo-section k-content"> 
 
      
 
      <h4 style="margin-top: 2em;">Search</h4> 
 
      <select id="size" placeholder="Select size..." style="width: 100%;" > 
 
       <option />Vijay <option />Kumar 
 
       <option />Software 
 
       <option />Gamer 
 
       <option />Businessman 
 
       <option />Thats all 
 
      </select> 
 
     
 
      
 
     </div> 
 
     
 
      <script> 
 
       $(document).ready(function() { 
 
        // create ComboBox from input HTML element 
 
        
 
        // create ComboBox from select HTML element 
 
        $("#size").kendoComboBox(); 
 

 
        
 
\t \t \t \t \t var select = $("#size").data("kendoComboBox"); 
 

 

 
\t \t \t \t 
 
       }); 
 
      </script> 
 
     </div> 
 

 
<style> 
 
.k-combobox{ 
 
    width: 225px !important; 
 
} 
 
</style>

Answer 1

Изменить код здесь:

<script> 
        $(document).ready(function() { 
         $("#size").hide(); 
         // create ComboBox from input HTML element 
         $(window).load(function(){ 
           $("#size").show(); 
           $("#size").kendoComboBox(); 


           var select = $("#size").data("kendoComboBox"); 
         }); 
         // create ComboBox from select HTML element 




        }); 
       </script>