我正在使用Uniform-plugin来设置表单元素的样式。除了精选框中的选择选项外,一切都有效。我可以统一它,但当我点击它&选择另一个值,顶部保留。怎么解决这个问题?
现在是我的代码:
var tempdiv= $('#editHours'); //empty existing div I attach all content to in js
console.log('div.html():'+tempdiv.html());
$.fancybox(tempdiv.html()
,{
'autoDimensions' : false,
'width' : 300,
'height' : 100,
'transitionIn' : 'none',
'transitionOut' : 'none',
'scrolling' : 'no',
onStart : function onStartFancyEdit(e) {
//$(".dayOption").val('0');
// $.uniform.update(".dayOption");
//$.uniform.update();
},
'onComplete' : function() {
// dayInput.uniform();
//$.fancybox.resize();
$.uniform.update();
}
console.log提供:
div.html():
<input class="start" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text">
- <input class="end" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text">
<div id="uniform-dateSelect" class="selector">
<span style="-moz-user-select: none;">Day 1 : Sat Nov 13 2010</span>
<select style="opacity: 0;" class="dayOption" id="dateSelect">
<option value="Sat Nov 13 2010">Day 1 : Sat Nov 13 2010</option>
<option value="Sun Nov 14 2010">Day 2 : Sun Nov 14 2010</option></select>
</div>
<input id="editArtistHours" class="button" onclick="return false;" title="Click here to edit the artist hours" value="Edit Hours" tabindex="100" type="button">
<span id="loading">
<img style="display: none;" src="images/layout/loader.gif" alt="Loading">
</span>
<div id="error"></div>
Fancyblox插件:fancybox.net/ 统一插件:http://pixelmatrixdesign.com/uniform/