jquery的移动不可调宽度 [英] Jquery Mobile non-adjustable width
本文介绍了jquery的移动不可调宽度的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
使用asp.net ＆LT; EditItemTemplate中＆GT; 我的jQuery Mobile的结果是一个固定的宽度，不会与完整的浏览器扩展出来，也不会减少足够小的移动？我在所有的控件删除了所有引用宽度？
控件呈现为移动和＆LT; UL＆GT; 和＆LT;李方式＆gt; 看起来不错
＆LT; UL数据角色=列表视图ID =UL-编辑纬数据分主题=a的数据插入=真正的＆GT;
＆LT;立GT;第1周：
＆LT; ASP：文本框ID =CHOICE1TextBox=服务器文本=1周只读=真＆GT;＆LT; / ASP：文本框＆GT;＆LT; BR /＆GT;
＆LT; ASP：HiddenField ID =CHOICE1HiddenField=服务器值='＆LT;％＃绑定（CHOICE1）％＆GT;' /＆GT;
＆LT; /李＆GT; ＆LT;立GT;第二周：
＆LT; ASP：文本框ID =CHOICE2TextBox=服务器文本=''只读=真＆GT;＆LT; / ASP：文本框＆GT;＆LT; BR /＆GT;
＆LT; ASP：HiddenField ID =CHOICE2HiddenField=服务器值='＆LT;％＃绑定（选择2）％＆GT;' /＆GT;
＆LT; /李＆GT; ＆LT;立GT;第三周：
＆LT; ASP：文本框ID =CHOICE3TextBox=服务器文本=''只读=真＆GT;＆LT; / ASP：文本框＆GT;＆LT; BR /＆GT;
＆LT; ASP：HiddenField ID =CHOICE3HiddenField=服务器值='＆LT;％＃绑定（CHOICE3）％＆GT;' /＆GT;
＆LT; /李＆GT; ＆LT;立GT;
＆LT; ASP：按钮的ID =UpdateButton=服务器的CausesValidation =真的CommandName =更新
文本=更新选择工具提示=点击改变你的选择......＆GT;＆LT; / ASP：按钮＆GT;
＆LT; ASP：按钮的ID =UpdateCancelButton=服务器的CausesValidation =FALSE的CommandName =取消
文本=取消＆GT;＆LT; / ASP：按钮＆GT;
＆LT; /李＆GT;
＆LT; / UL＆GT;
HTML渲染：
＆LT; UL数据角色=列表视图ID =UL-fdid数据分主题=a的数据插入=真正的＆GT;
＆LT;立GT; FDID：
＆LT;跨度ID =ctl00_ContentPlaceHolder1_FormView1_Label1的风格=FONT-SIZE：中等;字体重量：大胆;＆GT; BJ9150＆LT; / SPAN＆GT;
＆LT; /李＆GT;
＆LT; / UL＆GT; ＆LT; UL数据角色=列表视图ID =UL-编辑纬数据分主题=a的数据插入=真正的＆GT;
＆LT;立GT;第1周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE1TextBox类型=文本值=1周只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE1TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE1HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE1HiddenField值=2014年1月19日12:00:00 AM/＆GT;
＆LT; /李＆GT; ＆LT;立GT;第二周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE2TextBox类型=文本只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE2TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE2HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE2HiddenField值=2014年4月13日12:00:00 AM/＆GT;
＆LT; /李＆GT; ＆LT;立GT;第三周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE3TextBox类型=文本只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE3TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE3HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE3HiddenField/＆GT;
＆LT; /李＆GT; ＆LT;立GT;第四周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE4TextBox类型=文本只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE4TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE4HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE4HiddenField/＆GT;
＆LT; /李＆GT; ＆LT;立GT;第五周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE5TextBox类型=文本只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE5TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE5HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE5HiddenField/＆GT;
＆LT; /李＆GT; ＆LT;立GT; 6周：
＆LT;输入名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE6TextBox类型=文本只读=只读ID =ctl00_ContentPlaceHolder1_FormView1_CHOICE6TextBox/＆GT;＆LT; BR /＆GT;
＆LT;输入类型=隐藏的名字=$ ctl00 $ ContentPlaceHolder1 $ FormView1 CHOICE6HiddenFieldID =ctl00_ContentPlaceHolder1_FormView1_CHOICE6HiddenField/＆GT;
＆LT; /李＆GT; ＆LT;立GT;
＆LT;输入类型=提交名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 UpdateButtonVALUE =更新选项ID =ctl00_ContentPlaceHolder1_FormView1_UpdateButton称号=点击改变你的选择....../＆GT;
＆LT;输入类型=提交名称=$ ctl00 $ ContentPlaceHolder1 $ FormView1 UpdateCancelButtonVALUE =取消ID =ctl00_ContentPlaceHolder1_FormView1_UpdateCancelButton/＆GT;
＆LT; /李＆GT;
＆LT; / UL＆GT;
解决方案
其实解决了这个问题：这是一个＆LT; ASP：标签＆gt; 在$ C $更低C，它产生的未设置为自动换行。
Using asp.net <EditItemTemplate> my JQuery Mobile results are a fixed width and will not expand out with full browser, nor will they reduce small enough for mobile? I have removed all reference to width in all the controls?
The controls render as mobile and the <ul> and <li> look fine.
<ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true">
<li>1st Week:
<asp:TextBox ID="CHOICE1TextBox" runat="server" Text='1st Week' ReadOnly="True"></asp:TextBox><br />
<asp:HiddenField ID="CHOICE1HiddenField" runat="server" Value='<%# Bind("CHOICE1")%>' />
</li>
<li>2nd Week:
<asp:TextBox ID="CHOICE2TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox><br />
<asp:HiddenField ID="CHOICE2HiddenField" runat="server" Value='<%# Bind("CHOICE2")%>' />
</li>
<li>3rd Week:
<asp:TextBox ID="CHOICE3TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox><br />
<asp:HiddenField ID="CHOICE3HiddenField" runat="server" Value='<%# Bind("CHOICE3")%>' />
</li>
<li>
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update"
Text="Update Selections" ToolTip="Click to change your selections..."></asp:Button>
<asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel"
Text="Cancel"></asp:Button>
</li>
</ul>
HTML rendered:
<ul data-role="listview" id="ul-fdid" data-divider-theme="a" data-inset="true">
<li>FDID:
<span id="ctl00_ContentPlaceHolder1_FormView1_Label1" style="font-size:Medium;font-weight:bold;">BJ9150</span>
</li>
</ul>
<ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true">
<li>1st Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE1TextBox" type="text" value="1st Week" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE1TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE1HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE1HiddenField" value="1/19/2014 12:00:00 AM" />
</li>
<li>2nd Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE2TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE2TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE2HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE2HiddenField" value="4/13/2014 12:00:00 AM" />
</li>
<li>3rd Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE3TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE3TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE3HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE3HiddenField" />
</li>
<li>4th Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE4TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE4TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE4HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE4HiddenField" />
</li>
<li>5th Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE5TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE5TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE5HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE5HiddenField" />
</li>
<li>6th Week:
<input name="ctl00$ContentPlaceHolder1$FormView1$CHOICE6TextBox" type="text" readonly="readonly" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE6TextBox" /><br />
<input type="hidden" name="ctl00$ContentPlaceHolder1$FormView1$CHOICE6HiddenField" id="ctl00_ContentPlaceHolder1_FormView1_CHOICE6HiddenField" />
</li>
<li>
<input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$UpdateButton" value="Update Selections" id="ctl00_ContentPlaceHolder1_FormView1_UpdateButton" title="Click to change your selections..." />
<input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$UpdateCancelButton" value="Cancel" id="ctl00_ContentPlaceHolder1_FormView1_UpdateCancelButton" />
</li>
</ul>
解决方案
Actually solved the issue: It was a <asp:label> lower in the code that produced text that was not set to wrap.
这篇关于jquery的移动不可调宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
