jQuery Mobile是一款针对智能手机和平板电脑的触控优化网页框架。它在所有流行的移动设备平台上提供统一的用户界面系统,构建在jQuery之上。
我正在使用这个 JQM 链接 <p>我正在使用这个 JQM 链接</p> <pre><code><link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"> </script> </code></pre> <p>我在除法中使用了滑块。在旧版本中,我使用了属性 class="ui-hidden-accessible" 因为没有在滑块旁边显示文本框,但在此版本中它不起作用。我怎样才能删除这个文本框。我的代码</p> <pre><code> <label for="slider" class="ui-hidden-accessible"> Input slider:</label> <input type="range" name="slider" id="slidstep" step="25" value="0" min="1" max="100"/> </code></pre> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL042d2E5LnBuZw==" alt="enter image description here"/></p> <p>我应该使用其他版本吗?或任何方法来克服这个问题。 </p> <p>谢谢</p> </question> <answer tick="false" vote="9"> <pre><code><style type=text/css> input.ui-slider-input { display : none !important; } </style> </code></pre> <p><a href="http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH19.php" rel="noreferrer">http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH19.php</a></p> <h3>另请参阅</h3> <blockquote> <p><a href="https://stackoverflow.com/questions/8912660/hiding-the-slider-input-box-in-jquery">在jquery中隐藏滑块输入框</a></p> </blockquote> </answer> <answer tick="false" vote="7"> <p>从 <pre><code>class="ui-hidden-accessible"</code></pre> 中删除此 <pre><code>label</code></pre>。</p> <p><strong>你的做法是正确的。但您需要将 <pre><code>class="ui-hidden-accessible"</code></pre> 添加到 <pre><code>input</code></pre>,而不是添加到 <pre><code>label</code></pre>。</strong></p> <p>你的代码应该是这样的:</p> <pre><code><label for="slider">Input slider:</label> <input type="range" name="slider" id="slidstep" step="25" value="0" min="1" max="100" class="ui-hidden-accessible"/> </code></pre> <p>检查这个<a href="http://jsbin.com/ucajok/37/edit"><strong>演示</strong></a></p> </answer> <answer tick="false" vote="1"> <p>我已将滑块放入我自己的具有特定类(“ui-slider-slider”)的 div 容器中。然后在我的 CSS 中,我将 div 的两个子元素作为目标,即:</p> <pre><code>div.ui-slider-slider input.ui-input-text { display: none; } div.ui-slider-slider div.ui-slider-track { margin: 0 15px 0 15px !important; } </code></pre> <p>第一个规则隐藏文本框,第二个规则使滑块全宽。希望有帮助:)</p> </answer> <answer tick="false" vote="0"> <p>此外,还有以下作品:<pre><code>$("#slider").hide();</code></pre> 这是因为 <pre><code>#slider</code></pre> 是滑块的文本框组件。 </p> </answer> <answer tick="false" vote="0"> <p>对于范围滑块,这是解决方案(来自 Pascal):</p> <pre><code> input.ui-slider-input { display: none; } .ui-rangeslider .ui-rangeslider-sliders { margin: 0px; </code></pre> </answer> <answer tick="false" vote="0"> <p>不幸的是,上述方法对我来说都不起作用。以下确实有效。</p> <pre><code><div class="noinput"> <input type="range" name="slider" id="slidstep" step="25" value="0" min="1" max="100"/> </div> </code></pre> <p>CSS</p> <pre><code>.noinput .ui-slider-track { margin: 0 5px 0 5px !important; } .noinput input.ui-slider-input { display : none !important; } </code></pre> </answer> </body></html>
** 注意:我已经编辑了下面的 javascript 并链接到新的 JSFiddle,但仍然没有像键盘上的箭头键那样获得控制蛇运动的按钮 ** 我正在尝试创造...
如何从选项中获取datalist的属性。我得到了期权价值 $( 文档 ).ready(function() { var 选项 = ' 如何从选项中获取datalist的属性。我正在获取期权价值 $( document ).ready(function() { var options = '<option value="Internet Explorer" key="18"></option>'+ '<option value="Firefox" key="12"></option>'+ '<option value="Chrome" key="123"></option>'+ '<option value="Opera" key="14"></option>'+ '<option value="Safari" key="15"></option>' ; $("#browsers").html(options); }); $(document).on('click', '#submit', function() { var inputval= $("#key").val(); alert(inputval) var key= $('datalist option[value='+inputval+']').attr('key'); if (oldval) alert(key); }); <input list="browsers" id="key"> <datalist id="browsers"> </datalist> <button id="submit">submit </button> Screen Shots 实际结果 选择选择字段列表时,将在下一个空白页中打开,并且选择选项也无法正常工作 预期结果 这是示例静态选项丢失了,它工作正常,我们想要这样 阅读 API 文档中有关 selectmenus 的信息: http://api.jquerymobile.com/selectmenu/ 改变: $('#filter-menu').html(selCntryPrvdrSrch).change(); 到 $('#filter-menu').html(selCntryPrvdrSrch).selectmenu( "refresh" ); 参考:http://api.jquerymobile.com/selectmenu/#method-refresh 示例: 可以在此处找到有关 selectmenu 自定义过滤的工作示例:https://www.elitesystemer.no/demo/test/36549140/ 这是基于 jQuery Mobile 演示页面中的示例代码: http://demos.jquerymobile.com/1.4.2/selectmenu-custom-filter/ http://demos.jquerymobile.com/1.4.4/selectmenu-custom-filter/ http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/
我正在使用“单页面模型”(例如,一页 = 一个 HTML 文件)开发 jQuery Mobile 应用程序,并且需要显示一些广告。但是,广告不会在第一页之后的任何页面上展示
我正在使用“单页面模型”(例如,一页 = 一个 HTML 文件)开发 jQuery Mobile 应用程序,并且需要显示一些广告。但是,广告不会在第一页之后的任何页面上展示
我相信我在某处读到,其中一个项目文件中有一个设置,允许您在构建 Visual Studio 项目时编译 .cshtml 文件。 刚刚开始使用 MVC/...
我想在解锁屏幕时直接打开我的应用程序,我使用 ACTION_USER_PRESENT 但不使用我的代码, 屏幕接收器文件 公共无效onReceive(上下文上下文,意图意图){ ...
我在 Google 地图网络应用程序中的标记出现问题。我可以添加标记,但无法删除它们。我已经寻找了好几天的解决方案,但 v3 的标准建议似乎...
我有一个问题,长按触摸时不会触发 JQuery 单击事件处理程序(带触摸屏的 Raspberry Pi4 上的 Chromium 浏览器信息亭应用程序)。可能的情况是...
请在我的代码中提供帮助,我想在 J Query Mobile 中使用过滤器进行选择 我尝试了下面的代码,它成功过滤了数据,但是在选择选项时它不会返回任何内容并且
我有一个标准的 JQM 页面,其中包含带有自动生成分隔符的 ListView。 我希望能够添加一些功能,允许用户在列表视图中的项目上向左或向右滑动...
我将 jQuery Mobile 添加到我的项目中,因为我希望滑动事件触发 Bootstrap 轮播滚动。用它编码一天左右后,我注意到内部链接不再起作用。 我可以代表...
我需要将文本显示为段落,但仅显示三行并截断测试,同时在段落末尾添加...(三个点)。
jQuery mobile - iOS - 如何检测键盘何时打开?
我正在开发一个 jQuery 移动网站,需要在 iOS 键盘显示或隐藏时更新我的布局。 有什么我可以绑定的事件吗?不一定非得是 JQM 活动,任何...
我正在使用 jQuery Mobile 和 ASP.NET 4.0 Webforms 制作一个移动网站。我制作了一个初始登录页面(Default.aspx),其中按钮调用 ajax JavaScript 函数,该函数调用页面
jQuery Mobile + Phonegap :: Ajax“加载”gif 没有动画
我有一个使用 jQuery Mobile 和 Phonegap 构建的工作应用程序(在 Mac OSX 上使用 Eclipse) 一切正常,除了弹出 Ajax 加载消息时,动画 gif 没有动画,它是...
jQuery Mobile 在changePage 后刷新页面
是否有办法在changePage完成后强制jQm页面重新加载? 我有许多页面动态加载到数组中。所有正在加载的页面都是列表的一部分,对于
如何修复在 Windows cmd 上运行 cordova build android 时出现的错误
当我运行 cordova build android 命令时,我不断收到这些错误,并且我不知道如何修复它,我尝试谷歌搜索但没有任何帮助。 我已经在 cordova 目录中:我运行
我不久前开始使用 jQuery Mobile,了解 jQuery Mobile 的人都知道,它使用自己的 HTML 属性来为项目赋予预定义的角色。主要是div。 一些例子: 我不久前开始使用 jQuery Mobile,了解 jQuery Mobile 的人都知道,它使用自己的 HTML 属性来为项目提供预定义的角色。主要是div。 一些例子: <div data-role="page" id="trackPage"> <div data-role="header"> ... </div><!-- /header --> <div data-role="content" id="content_init"> <form action="DoTrack" method="post" id="track_form" data-ajax="false"> <div data-role="fieldcontain" id="div_trackselect"> <fieldset data-role="controlgroup" data-type="horizontal"> .... </fieldset> </div> </form> ... </div> ... </div> 如您所见,添加了许多 jQuery 属性,例如 data-role data-type data-ajax data-transition data-iconpos ... 现在,我更喜欢使用 XHTML 严格语法,但是在验证时出现了这些错误:http://cl.ly/400Q080G3X2V3j3x2S00 我也尝试了 XHTML Transitional,但它给出了相同的错误。 我尝试通过谷歌搜索找到解决方案,但找不到。我认为要解决这个问题,所有 jQuery Mobile 属性都应该存在一个 DTD,对吗? 还有其他方法可以解决这个问题吗? jQuery Mobile 主页明确指出: 一个统一的、基于 HTML5 的用户界面系统,适用于所有流行的移动设备平台... 因此,您应该使用 HTML5 文档类型。如果这对您很重要,这将确保您的页面有效。 <!DOCTYPE html> 不要忘记,如果您使用 HTML5 文档类型,您仍然可以使用 XHTML 样式语法。我想大多数人都是这样。 顺便说一句,jQuery Mobile 并没有创建自己的属性 - 它们不完全是“jQuery Mobile”属性 - data-* 属性系统 是 HTML5 的一部分,其存在是为了让您可以将任意数据附加到 DOM 节点。
Jquery Mobile 的工作原理是“劫持”页面并加载内容并将其注入页面。 当我尝试将其他内容注入页面时,这似乎会产生问题。 我有我的...