English 中文(简体)
JQuery Mobile: Adjusting Width and Height of Grouped Selected
原标题:JQuery Mobile: Adjusting Width and Height of Grouped Select

在确定分组职位之前,我遇到了问题。 现在,我对集体选择的转售、调整宽度/补贴有问题。 如果有人能够帮助我,我将非常赞赏。 下面是我的法典......

我的守则是把它放在屏幕上,即使我给这个屏幕上增加宽度和高度,似乎像现在这样没有更新。 我还注意到,根据选定项目长度进行的宽大改动。 例如,在选择“9月”时,集体选择的宽度比“3月”长。

$("#ui-5").css({ position : absolute , left : 6.0px , top : 57.0px });

这是实际物体的代码。

<div id="ui-5">
<div class="ui-select" data-role="controlgroup" data-type="horizontal" >
    <select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_0" name="Datepicker_0_0">
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
        <option value="4">April</option>
        <option value="5">May</option>
        <option value="6">June</option>
        <option value="7">July</option>
        <option value="8">August</option>
        <option value="9">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>
    <select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_1" name="Datepicker_0_1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
    </select>
    <select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_2" name="Datepicker_0_2">
        <option value="1">1975</option>
        <option value="2">1976</option>
        <option value="3">1977</option>
        <option value="4">1978</option>
        <option value="5">1979</option>
        <option value="6">1980</option>
        <option value="7">1981</option>
        <option value="8">1982</option>
        <option value="9">1983</option>
        <option value="10">1984</option>
        <option value="11">1985</option>
        <option value="12">1986</option>
        <option value="13">1987</option>
        <option value="14">1988</option>
        <option value="15">1989</option>
        <option value="16">1990</option>
        <option value="17">1991</option>
        <option value="18">1992</option>
        <option value="19">1993</option>
        <option value="20">1994</option>
        <option value="21">1995</option>
        <option value="22">1996</option>
        <option value="23">1997</option>
        <option value="24">1998</option>
        <option value="25">1999</option>
        <option value="26">2000</option>
        <option value="27">2001</option>
        <option value="28">2002</option>
        <option value="29">2003</option>
        <option value="30">2004</option>
        <option value="31">2005</option>
        <option value="32">2006</option>
        <option value="33">2007</option>
        <option value="34">2008</option>
        <option value="35">2009</option>
        <option value="36">2010</option>
        <option value="37">2011</option>
        <option value="38">2012</option>
        <option value="39">2013</option>
        <option value="40">2014</option>
        <option value="41">2015</option>
        <option value="42">2016</option>
        <option value="43">2017</option>
        <option value="44">2018</option>
        <option value="45">2019</option>
        <option value="46">2020</option>
        <option value="47">2021</option>
        <option value="48">2022</option>
        <option value="49">2023</option>
        <option value="50">2024</option>
        <option value="51">2025</option>
        <option value="52">2026</option>
        <option value="53">2027</option>
        <option value="54">2028</option>
        <option value="55">2029</option>
        <option value="56">2030</option>
        <option value="57">2031</option>
        <option value="58">2032</option>
        <option value="59">2033</option>
        <option value="60">2034</option>
        <option value="61">2035</option>
        <option value="62">2036</option>
        <option value="63">2037</option>
        <option value="64">2038</option>
        <option value="65">2039</option>
        <option value="66">2040</option>
        <option value="67">2041</option>
        <option value="68">2042</option>
        <option value="69">2043</option>
        <option value="70">2044</option>
        <option value="71">2045</option>
        <option value="72">2046</option>
        <option value="73">2047</option>
        <option value="74">2048</option>
        <option value="75">2049</option>
        <option value="76">2050</option>
    </select>
</div></div>

UPDATE after some experimentation this is the solution jsfiddle

最佳回答

在你身上添加这种风格

#Datepicker_0_0-button{
  width:200px;
}

这应当由您来界定:#<id of You selected>-button{}

问题回答

暂无回答




相关问题
selecting a row of data in sql for comparison

I have a set of string & numbers that I d like to use between databases. the idea is that table A has a row of data with 2 values acting as a single primary key Table B has the same 2 values of ...

bug when prototype and jQuery are both loaded

I have function in Javascript which works fine using prototype. The function is used to dynamicaly change a select field based on the selection of another field. var sizes_286 = new Array(); ...

problem with mutating tables

I want to create trigger which will be fired after insert into some table, let`s say user. In this trigger I want to select some records from table user, besides this one I insert to table, but then I ...

get data from gridview without querying database

I am new at this so please bear with me... I have managed to get the following code to work...so when I click on the "select" link in each row of the gridview, the data is transfered to other label/...

What can cause select to block in Python?

Here s a snippet of code I m using in a loop: while True: print loop rlist, wlist, xlist = select.select(readers, [], [], TIMEOUT) print selected # do stuff At a certain point, ...

Select statement performance

I m having a performance issue with a select statement I m executing. Here it is: SELECT Material.* FROM Material INNER JOIN LineInfo ON Material.LineInfoCtr = LineInfo.ctr INNER JOIN ...

热门标签