堆栈内存溢出
  繁体   English   中英

在Jquery Mobile下拉菜单中，当方向从纵向更改为横向时，弹出UI会失真，反之亦然

[英]In Jquery Mobile Dropdown Popup UI distorts when Orientation change from portrait to landscape or vice versa

 原文  2015-07-27 11:17:40  6   0    jquery/ jquery-ui/ jquery-mobile

问题描述

当我将设备从纵向旋转到横向（反之亦然）时，下拉弹出式UI会转到左上角。 ScreenShots也已附上。 可以请你调查一下。 任何建议或解决方案都会有很大帮助。 下面是代码： 

 <select name="select-custom-1" id="select-custom-1" data-native-menu="false"> <option value="1">Veni</option> <option value="2">Vedi</option> <option value="3">Vici</option> </select>

纵向

景观取向

0 个解决方案

将下拉菜单更改为<div>反之亦然 jQuery 调整大小？</div><div id="text_translate"><p> 当屏幕调整为小于 700 像素时，我正在尝试将其显示为下拉菜单。 我可以这样做，但是当屏幕再次调整到大于 701 的大小时，我需要使重新出现正常，而不是下拉菜单。 关于如何实现这一点的任何想法？</p><p> 这是一个示例：<em>在此 jfiddle 中调整屏幕大小以查看下拉菜单。</em> <em>我需要再次调整大小才能看到原件</em></p><p> jfiddle： <a href="https://jsfiddle.net/rwj6oxc7/" rel="nofollow noreferrer">https://jsfiddle.net/rwj6oxc7/</a></p><p> HTML：</p><pre> &lt;div id="testing2" &gt; &lt;div id="1" &gt; 1 &lt;/div&gt; &lt;div id="2" &gt; 2 &lt;/div&gt; &lt;/div&gt;</pre><p> jQuery</p><pre> $(document).ready(function () { $(window).on("resize", function () { var $theWindowSize = $(this).width(); if ($theWindowSize &lt;= 700) { var sel = $('&lt;select id="tesing2"/&gt;'); $("#testing2 div").each(function () { sel.append( "&lt;option value=" + this.id + "&gt;" + this.innerHTML + "&lt;/option&gt;" ); }); $("#testing2").replaceWith(sel); } else if ($theWindowSize &gt;= 701) { //??? show &lt;div id=testing2/&gt; as a normal &lt;div&gt;??? } }); });</pre></div>

[英]change dropdown to a <div> and vice versa with jQuery on resize?

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将下拉菜单更改为<div>反之亦然 jQuery 调整大小？</div><div id="text_translate"><p> 当屏幕调整为小于 700 像素时，我正在尝试将其显示为下拉菜单。 我可以这样做，但是当屏幕再次调整到大于 701 的大小时，我需要使重新出现正常，而不是下拉菜单。 关于如何实现这一点的任何想法？</p><p> 这是一个示例：<em>在此 jfiddle 中调整屏幕大小以查看下拉菜单。</em> <em>我需要再次调整大小才能看到原件</em></p><p> jfiddle： <a href="https://jsfiddle.net/rwj6oxc7/" rel="nofollow noreferrer">https://jsfiddle.net/rwj6oxc7/</a></p><p> HTML：</p><pre> &lt;div id="testing2" &gt; &lt;div id="1" &gt; 1 &lt;/div&gt; &lt;div id="2" &gt; 2 &lt;/div&gt; &lt;/div&gt;</pre><p> jQuery</p><pre> $(document).ready(function () { $(window).on("resize", function () { var $theWindowSize = $(this).width(); if ($theWindowSize &lt;= 700) { var sel = $('&lt;select id="tesing2"/&gt;'); $("#testing2 div").each(function () { sel.append( "&lt;option value=" + this.id + "&gt;" + this.innerHTML + "&lt;/option&gt;" ); }); $("#testing2").replaceWith(sel); } else if ($theWindowSize &gt;= 701) { //??? show &lt;div id=testing2/&gt; as a normal &lt;div&gt;??? } }); });</pre></div> 当移动方向从横向更改为纵向时，窗口元素是否不适合窗口？ 当我将iPad方向从纵向更改为横向时，页面会继续重新加载 在下拉菜单1中选中后，从下拉菜单2中隐藏一些选项，反之亦然 jQuery移动横向和肖像类 使用纵向和横向jquery动态更改移动内容滑块的宽度 jQuery移动元素不会从纵向模式重排到横向模式 jQuery Mobile-横向和纵向变化 当iPad中方向从横向更改为纵向时，页面会缩小 使用jQuery更改打印样式（横向，纵向）
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM