Styling вход с JQuery

Question

Ok У меня есть CSS отсортированный:

Теперь стиль входного окна (но это не будет рабочей) какие-либо предложения. Подумайте, мой js испорчен. HTML-элемент:

<input name="latLng" class="latLng" id="latLng2" type="text" disabled /> 

JS:

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('input.latLng').locationPicker({ 
    width: "500px", 
    height: "20px", 
    backgroundColor: '#fff', 
    border: '1px solid #ccc', 
    borderRadius: 10, 
    padding: 10 
    }); 
}); 
</script> 

Где я буду неправильно пожалуйста.

Answer 1

Чтобы установить стили, используйте .css() для укладки элемента и вызвать плагин отдельно, например:

jQuery(document).ready(function(){ 
    jQuery('input.latLng').css({ 
    width: "500px", 
    height: "20px", 
    backgroundColor: '#fff', 
    border: '1px solid #ccc', 
    borderRadius: 10, 
    padding: 10 
    }).locationPicker(); 
}); 

Или немного короче:

jQuery(function($){ 
    $('input.latLng').css({ 
     width: 500, 
     height: 20, 
     backgroundColor: '#fff', 
     border: '1px solid #ccc', 
     borderRadius: 10, 
     padding: 10 
    }).locationPicker(); 
});