2010-11-09 73 views
4

好吧我有css排序:与jquery样式输入

现在样式输入框(但这不是工作)任何建议。认为我的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> 

我要去哪里错了,请。

+0

为了格式,请选择您的代码并点击顶部的'101010'按钮,或者手动将其缩进4个空格:) – 2010-11-09 23:08:53

+0

或者选择代码并按Ctrl + K' – 2010-11-09 23:15:39

+0

或在代码段周围键入反引号(')以执行内联代码。 – Ender 2010-11-10 00:15:16

回答

2

要设置样式,使用.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(); 
}); 
+0

感谢尼克,将尝试(我试图得到这样的挂) – 422 2010-11-09 23:09:56

+0

好了现在的代码是:

所有似乎工作正常,只是圆角没有真正显示(选择3px匹配其他表单元素) – 422 2010-11-09 23:20:11