jquery-mobile 相关问题

jQuery Mobile是一款针对智能手机和平板电脑的触控优化网页框架。它在所有流行的移动设备平台上提供统一的用户界面系统,构建在jQuery之上。

PDF blob 未在 Laravel 7 中的 Web 移动屏幕中显示

我知道这个问题可能已经被问过好几次了。 我想做的就是在移动屏幕网络浏览器中显示 PDF Blob。我尝试过使用嵌入标签和 iframe 标签,但它们都不起作用

回答 1 投票 0

触摸移动特定元素时禁用滚动

我有一个页面,其中有一个部分可以在其中绘制绘图。但是,当在...

回答 12 投票 0

如何在jquery移动应用程序中为asp:label赋值

我在标签中有这个代码。 我从代码后面调用这个函数 setmessage 。 函数设置消息(消息){ $.mobile.changePage( "#pagethird", { 过渡: "</desc> <question vote="0"> <p>我的标签中有这个代码。 我从后面的代码中调用这个<strong>函数setmessage</strong>。</p> <pre><code>&lt;script type=&#34;text/javascript&#34;&gt; function setmessage(msg) { $.mobile.changePage( &#34;#pagethree&#34;, { transition: &#34;slideup&#34;, changeHash: true }); document.getElementById(&#39;&lt;%= lbl_msg.ClientID %&gt;&#39;).Text = msg; } &lt;/script&gt; </code></pre> <p>你能告诉我为什么<strong>'lbl_msg'</strong>它没有更新吗。</p> </question> <answer tick="false" vote="0"> <p>尝试使用:</p> <pre><code>document.getElementById(&#39;&lt;%= lbl_msg.ClientID %&gt;&#39;).innerHTML = msg; </code></pre> <p>或:</p> <pre><code>document.getElementById(&#39;&lt;%= lbl_msg.ClientID %&gt;&#39;).textContent = msg; </code></pre> <p>而不是:</p> <pre><code>document.getElementById(&#39;&lt;%= lbl_msg.ClientID %&gt;&#39;).Text = msg; </code></pre> </answer> <answer tick="false" vote="0"> <p><pre><code>document.getElementById</code></pre> 只会在 DOM 中任何位置找到该特定标签 ID 的第一个实例上运行。因此,您需要识别当前页面,然后在该页面上查找所需的 id。</p> <p>您可以使用以下代码来完成此操作:</p> <pre><code>var activePage = $.mobile.pageContainer.pagecontainer(&#34;getActivePage&#34;); $(&#34;YOUR TARGET ID HERE&#34;, activePage)[0].innerHTML = &#34;YOUR TEXT HERE&#34;; </code></pre> <p>还值得注意的是,innerHTML 的渲染速度比其他方法(例如追加)快 3 倍。因此,它也可能比使用服务器端技术(例如 .Net)快得多。</p> <p>我还注意到,有时在 JQM 中触发操作的页面事件可能会产生巨大的差异。这通常是由于您的操作在元素可用于 jQuery 之前触发。为了调试,请尝试通过 pagecontainershow 事件或其他事件之一将消息添加到标签。如果消息显示您知道这是事件顺序问题,则您必须重新考虑您的脚本。</p> </answer> </body></html>

回答 0 投票 0

由于在移动网络上打开键盘进行文本输入而忽略或禁用移动视口调整大小?

我正在使用这种仅 CSS 策略来处理响应式背景图像和响应式背景图像以及包含的内容...我用于背景和内容的设置类型的示例: &l...

回答 4 投票 0

jQuery Mobile,垂直导航条就像 iPhone 联系人上的字母列表

任何人都可以推荐一种资源,用于使用 jQuery Mobile 创建垂直导航条以进行快速滚动,就像 iphone“电话”应用程序联系人页面上的字母导航条一样?

回答 2 投票 0

JQuery 验证未捕获类型错误:无法读取未定义的属性“设置”

我在 JQuery Mobile 表单上使用 JQuery Validate,该表单具有带有动态创建的自动完成选项的列表视图。 如果您尝试在自动完成字段中输入内容,我会收到此错误...

回答 2 投票 0

检索以 JSON 存储的特定数据

我使用了此 STACKOVERFLOW POST 中发布的代码来构建 webbapp 的原型,但我无法使第二页以我想要的格式显示数据。 该代码向我显示了第二页...

回答 1 投票 0

安全错误:阻止尝试使用history.replaceState()更改会话历史记录URL

我正在开发一个基于 Cordova 框架的银行项目。根据 Apple 最近的政策,我从 Xcode 15.4 和 iOS 运行时 17+ 构建了捆绑包。 当我使用 Xcode 14.2 并运行时,我的应用程序运行良好...

回答 1 投票 0

如何进行 3xx 重定向并将表中的参数作为查询参数(在 URL 中)传递?

如何重定向到另一个页面并从表中传递 url 中的参数? 我在龙卷风模板中创建了类似的东西 <... 如何重定向到另一个页面并从表中传递 url 中的参数? 我在龙卷风模板中创建了类似这样的东西 <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username</th> <th>Nation</th> <th>Rank</th> <th></th> </tr> </thead> <tbody> {% for result in players %} <tr> <td>{{result['username']}}</td> <td>{{result['nation']}}</td> <td>{{result['rank']}}</td> <td><input type="button" name="theButton" value="Detail" ></td> </tr> </tbody> {% end %} </table> 并且我希望当我按详细信息时重定向到 /player_detail?username=username 并显示有关该玩家的所有详细信息。 我尝试在输入标签内使用 href="javascript:window.location.replace('./player_info');" 但不知道如何将 result['username'] 放入。 如何做到这一点? 将用户名设置为按钮的 data-username 属性,同时也是一个类: HTML <input type="button" name="theButton" value="Detail" class="btn" data-username="{{result['username']}}" /> JS $(document).on('click', '.btn', function() { var name = $(this).data('username'); if (name != undefined && name != null) { window.location = '/player_detail?username=' + name; } });​ 编辑: 此外,您还可以使用以下方法简单地检查 undefined && null: $(document).on('click', '.btn', function() { var name = $(this).data('username'); if (name) { window.location = '/player_detail?username=' + name; } });​ 如本答案中提到的 if (name) { } 如果值不是:,则评估为 true 空 未定义 NaN 空字符串(“”) 0 假 上面的列表代表了 ECMA/Javascript 中所有可能的假值。 这样做: 函数显示详细信息(用户名) { window.location = '/player_detail?username='+用户名; } 绑定按钮,这是用 jQuery 完成的: $("#my-table input[type='button']").click(function(){ var parameter = $(this).val(); window.location = "http://yoursite.com/page?variable=" + parameter; }); 这里是一个不依赖JQuery的通用解决方案。只需修改window.location的定义即可。 <html> <head> <script> function loadNewDoc(){ var loc = window.location; window.location = loc.hostname + loc.port + loc.pathname + loc.search; }; </script> </head> <body onLoad="loadNewDoc()"> </body> </html> HTML - 设置 id 属性 <input type="button" id="go-another-page" name="theButton" value="Detail">Go to another page with parameters</td> JS - 创建用于重定向的操作侦听器 const anotherPackage = document.getElementById('go-another-page'); anotherPackage.addEventListener('click', (event) => { event.preventDefault(); // After ? mark set your key and variable eg: payment=order-consulting // For multiple parameters you can use & eg: payment=order-consulting&amount=20 window.location.replace('/payment.html?payment=order-consulting'); }); 从另一个页面检索参数(在本例中为 payment.html) // payment.js - this is javascript of your another page document.addEventListener('DOMContentLoaded', (event) => { const parameters = new URLSearchParams(window.location.search); const payment = parameters.get('payment'); console.log(payment); event.preventDefault(); });

回答 5 投票 0

焦点/点击时是否可以选择iPhone设备上的所有输入文本?

当焦点/单击时,是否可以选择iPhone设备上的所有输入文本? 通常对于浏览器环境,人们会使用: $('输入').bind('点击焦点', function() { $(this).select(); });...

回答 4 投票 0

禁用日期选择器上的过去日期

如何在日期时间选择器上禁用当前日期的过去日期?我尝试了一些类似问题的帖子,但无法实现,以下是我尝试过的 如何在日期时间选择器上禁用当前日期的过去日期?我尝试了一些类似问题的帖子,但无法实现,以下是我尝试过的 <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> </script> <script type="text/javascript"> $(function() { $('#datetimepicker2').datetimepicker({ language: 'en', pick12HourFormat: true }); }); </script> <div id="datetimepicker2" class="input-append"> <input data-format="MM/dd/yyyy" type="text"/> <span class="add-on"> <i data-date-icon="icon-calendar"> </i> </span> 我也尝试过 $("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true, minDate:'0d' }); 和 $("#datetimepicker2").datepicker({ minDate: 0 }); 将 0 赋予 mindate,它将禁用过去的日期。 $( "#datepicker" ).datepicker({ minDate: 0}); 这是一个现场小提琴工作示例http://jsfiddle.net/mayooresan/ZL2Bc/ 官方文档可以在这里 问题已解决:) 下面是工作代码 $(function(){ $('#datepicker').datepicker({ startDate: '-0m' //endDate: '+2d' }).on('changeDate', function(ev){ $('#sDate1').text($('#datepicker').data('date')); $('#datepicker').datepicker('hide'); }); }) minDate: dateToday 或 minDate: '0' 是这里的关键。尝试设置 minDate 属性。 $(function() { $( "#datepicker" ).datepicker({ numberOfMonths: 2, showButtonPanel: true, minDate: dateToday // minDate: '0' would work too }); }); 了解更多 试试这个, $( "#datepicker" ).datepicker({ minDate: new Date()}); 这里,new Date() 表示今天的日期.... $(function () { $("#date").datepicker({ minDate: 0 }); }); 这会起作用: var dateToday = new Date(); $(function () { $("#date").datepicker({ minDate: dateToday }); }); 以下解决方案对我有用。我希望这也能帮助你。 $(document).ready(function() { $("#datepicker").datepicker({ startDate:'+0d' }); }); 试试这个, $("#datetimepicker2").datepicker({ startDate: "+0d" }); 如果您想在页面加载时设置日期,请使用此: $('#datetimepicker1').datetimepicker({ minDate: new Date() }); 这会将今天的日期设置为页面加载本身的开始日期,并禁用所有以前的日期。 但是,如果您想在单击特定文本框时设置日期而不是在页面加载时设置日期,请使用以下命令: $('#datetimepicker1').datetimepicker(); $("#datetimepicker1").on("click", function (e) { $('#datetimepicker1').data("DateTimePicker").minDate(new Date()); }); 如果我们不想将当前日期设置为最小日期,我们可以使用任何以我们指定的格式指定日期的字符串来代替 new Date() 。 例如: $('#datetimepicker1').data("DateTimePicker").minDate("10/15/2018"); var dateToday = new Date(); $('#datepicker').datepicker({ 'startDate': dateToday }); 这对我有用, $('#datetimepicker2').datetimepicker({ startDate: new Date() }); 要禁用所有以前的日期,请将开始日期指定为今天日期 startDate: new Date() 解决方案:禁用今天起的所有先前日期 $(function() { $( "#datepicker" ).datepicker({ startDate: new Date()}); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script> <div> Select Date <input type="text" id="datepicker" /></div> 解决方案:禁用特定日期以来的所有过去日期。 $(function() { $( "#datepicker" ).datepicker({ startDate: new Date("2019-10-15")}); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script> <div> Select Date <input type="text" id="datepicker" /></div> 这将禁用 2019 年 10 月 15 日 (2019-10-15) 之前的所有日期 <div class="input-group date" data-provide="datepicker" data-date-start-date="0d"> <input type="text" class="form-control" id="input_id" name="input_name" /> <div class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </div> </div> 您刚刚引入了参数 startDate ,如下所述。 var todaydate = new Date(); $(".leave-day").datepicker({ autoclose: true, todayBtn: "linked", todayHighlight: true, startDate: todaydate } ).on('changeDate', function (e) { var dateCalendar = e.format(); dateCalendar = moment(dateCalendar, 'MM/DD/YYYY').format('YYYY-MM-DD'); $("#date-leave").val(dateCalendar); }); 旧日期可以从 datetimepicker 中排除 给你所有的日期选择器输入或文本框属性data-name='date'然后 $('*[data-name="date"]').datetimepicker({ format: 'L', minDate: new Date() }); Try this' <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <!-- table --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <!-- end table --> <script> $(function() { $('#example').DataTable(); $("#from_date").datepicker({ dateFormat: "mm/d/yy", maxDate: 0, onSelect: function () { var minDate = $(this).datepicker('getDate'); $('#to_date').datepicker('setDate', minDate); $('#to_date').datepicker('option', 'maxDate', 0); $('#to_date').datepicker('option', 'minDate', minDate); } }); $('#to_date').datepicker({ dateFormat: "mm/d/yy" }); }); </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <!-- table --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <!-- end table --> <script> $(function() { $('#example').DataTable(); $("#from_date").datepicker({ dateFormat: "mm/d/yy", maxDate: 0, onSelect: function () { var minDate = $(this).datepicker('getDate'); $('#to_date').datepicker('setDate', minDate); $('#to_date').datepicker('option', 'maxDate', 0); $('#to_date').datepicker('option', 'minDate', minDate); } }); $('#to_date').datepicker({ dateFormat: "mm/d/yy" }); }); </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <!-- table --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <!-- end table --> <script> $(function() { $('#example').DataTable(); $("#from_date").datepicker({ dateFormat: "mm/d/yy", maxDate: 0, onSelect: function () { var minDate = $(this).datepicker('getDate'); $('#to_date').datepicker('setDate', minDate); $('#to_date').datepicker('option', 'maxDate', 0); $('#to_date').datepicker('option', 'minDate', minDate); } }); $('#to_date').datepicker({ dateFormat: "mm/d/yy" }); }); </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <!-- table --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <!-- end table --> <script> $(function() { $('#example').DataTable(); $("#from_date").datepicker({ dateFormat: "mm/d/yy", maxDate: 0, onSelect: function () { var minDate = $(this).datepicker('getDate'); $('#to_date').datepicker('setDate', minDate); $('#to_date').datepicker('option', 'maxDate', 0); $('#to_date').datepicker('option', 'minDate', minDate); } }); $('#to_date').datepicker({ dateFormat: "mm/d/yy" }); }); </script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <!-- table --> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <!-- end table --> <script> $(function() { $('#example').DataTable(); $("#from_date").datepicker({ dateFormat: "mm/d/yy", maxDate: 0, onSelect: function () { var minDate = $(this).datepicker('getDate'); $('#to_date').datepicker('setDate', minDate); $('#to_date').datepicker('option', 'maxDate', 0); $('#to_date').datepicker('option', 'minDate', minDate); } }); $('#to_date').datepicker({ dateFormat: "mm/d/yy" }); }); </script> $("#datetimepicker2").datepicker({ dateFormat: "mm/dd/yy", minDate: new Date() }); 你可以使用 $('#li_from_date').appendDtpicker({ "dateOnly": true, "autodateOnStart": false, "dateFormat": "DD/MM/YYYY", "closeOnSelected": true, "futureonly": true }); **这在我的 WordPress 插件中有效 ** jQuery(document).ready(function($) { $("#datepicker").datepicker({ minDate: 0}); }); 使用日期选择器根据开始日期设置结束日期 $("#AddEvent_txtStartDate").datepicker({ onSelect: function () { minDate = $("#AddEvent_txtStartDate").datepicker("getDate"); var mDate = new Date(minDate.setDate(minDate.getDate())); $("#AddEvent_txtEndDate").datepicker("setDate", mDate); $("#AddEvent_txtEndDate").datepicker("option", "minDate", mDate); } }); $("#AddEvent_txtEndDate").datepicker(); 这对我有用, $(函数() { $('.datepicker').datepicker({ 开始日期: '-0m', 自动关闭:真 }); }); 注意: 此脚本在您使用 daterangepicker 库时有效。 如果您想禁用 Sat 上的 Sunday 或 daterangepicker 日期,请输入这行代码。 $("#event_start").daterangepicker({ // minDate: new Date(), minYear: 2000, showDropdowns: true, singleDatePicker: true, timePicker: true, timePicker24Hour: false, timePickerIncrement: 15, drops:"up", isInvalidDate: function(date) { //return true if date is sunday or saturday return (date.day() == 0 || date.day() == 6); }, locale: { format: 'MM/DD/YYYY hh:mm A' } }); 或者,如果您想同时禁用 previous date 和 sat 和 sun,请取消注释此行 minDate: new Date() 试试这个。它对我有用。 $('.datepicker').datepicker({ format: 'mm-dd-yyyy', startDate: new Date() }); 添加选项 startDate: new Date() 这样参考 $('.installment_date').datepicker({ startDate: new Date() }); 在DateTime.now()中添加firstDate: DateTime.now() 请参阅屏幕截图。 DateTime? date; Future pickDate(BuildContext context) async { final initialDate = DateTime.now(); final newDate = await showDatePicker( currentDate: DateTime.now(), context: context, initialDate: date ?? initialDate, firstDate: DateTime.now(), lastDate: DateTime(DateTime.now().year + 5), ); if (newDate == null) return; setState(() => date = newDate); } // Previous one day back. //minDate 0 means current date, and MinDate -1 previous 1 day back. <p>Date: <input type="text" id="datepicker" /></p> $(function() { $( "#datepicker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true, yearRange: "-0:+1", minDate: -1 }); }); 试试这个。它对我有用: const startDatePicker = document.getElementById('travelStartDate'); startDatePicker.addEventListener('focus', () => { startDatePicker.min = new Date().toISOString().split('T')[0]; }); window.onload = function() { const today = new Date().toISOString().split('T')[0]; const dateInput = document.getElementById('date'); dateInput.setAttribute('min', today); } 这会将输入日期设置为今天。它不会禁止用户选择过去的日期。 要禁用过去的日期,请添加此给定的js: var $input = $('.datepicker').pickadate(); var picker = $input.pickadate('picker'); picker.set('min',true);`][1]

回答 29 投票 0

如何在焦点()上以编程方式隐藏jquery mobile中的键盘

我想在 Focus() 上隐藏键盘,但是当 $(".ui-input-text").focus(); 时它会自动打开键盘。 我只想隐藏在特定屏幕中,我用 document.activeEl 进行了测试...

回答 4 投票 0

主题滚轮点击按钮后如何去除阴影效果

我知道这可能是一个愚蠢的问题。一段时间以来,我一直在尝试消除单击 ThemeRoller 中的任何按钮后出现的阴影。数据主题滚轮中没有给出

回答 3 投票 0

如何限制iPhone上HTML5数字输入字段可以输入的字符数

似乎“maxlength”、“min”或“max”HTML 属性在 iPhone 上都没有达到以下标记所需的效果:

回答 12 投票 0

jquery mobile 中下拉选项默认显示问题

我不希望下拉默认选择的选项单独显示,但为什么会发生这种情况。 是否有一个选项可以跳过特定下拉列表的 jquery 设置?就像使用某些功能一样...

回答 1 投票 0

引导页面加载然后“跳起”到 Android 上的位置

测试页面在桌面和 iPhone 上的 Chrome 中运行良好...... 但是在android手机上测试时: 页面会从低处加载,然后只有在您点击屏幕时才会“跳到适当的位置”或者...

回答 1 投票 0

如何将此有效的滑动删除功能添加到新的附加列表项中?

我想要在这里看到的常见移动滑动删除功能http://andymatthews.net/code/swipebutton/ 我下载了源代码,并从中删除了我自己的版本。它工作正常并且...

回答 1 投票 0

单击靠近面板时 jQuery Mobile 面板未关闭

我的 jQuery Mobile 应用程序中的面板出现了一些问题。除了单击外部时关闭面板的功能外,一切正常。 请参阅下面的屏幕截图,其中解释了...

回答 2 投票 0

返回页面后无法点击链接按钮触发弹窗

我有一个链接按钮,当第一次(并且在大多数情况下)进入我的“管理作业”页面时,它可以正常工作并按预期触发弹出窗口: 我有一个链接按钮,当第一次(并且在大多数情况下)进入我的管理作业页面时,它可以正常工作并按预期触发弹出窗口: <a href="#dialogCompletion" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-calendar ui-btn-icon-left ui-btn-b" aria-haspopup="true" aria-owns="dialogCompletion" aria-expanded="false">Job Complete</a> 单击时,我的弹出窗口启动,显示日期和按钮,我可以更改日期,单击按钮,调用 JavaScript 函数,调用 location.href,它会在查询字符串上使用特殊值重新加载同一页面,我的数据库已更新。 但是当我按照一组非常常见的步骤操作时,按钮不起作用,弹出窗口也无法打开: 单击“管理作业”页面上的按钮,弹出窗口打开,设置日期,单击弹出窗口中的按钮,页面重新加载,发生数据库写入。 点击我的图标即可导航至主页。 通过单击主页上的导航链接导航回“管理作业”页面(我刚才所在的位置)。 单击应该触发弹出窗口的按钮 - 但事实并非如此。 如果我刷新页面,一切都会恢复正常,我可以单击同一按钮并打开弹出窗口。或者,如果我导航到主页,重新加载浏览器,然后导航到“管理作业”,它也可以工作。但 JQM 页面转换过程中一定发生了某些事情,破坏了按钮的可点击性,因此无法启动弹出窗口。任何时候的强制页面刷新都会清除它并解决问题,并且我可以再次成功启动弹出窗口。 这真的很糟糕,因为我无法告诉我的用户“每次按钮无法点击时重新加载页面”。查看问题的步骤是非常常见的步骤,而不是边缘情况。 我注意到一件事:当我的链接按钮上的 aria-expanded 属性为“false”时,可以单击该按钮(实际上是用手指按下),并且弹出窗口打开。但是,当弹出窗口无法启动时(按照上面的重现步骤),我注意到 aria-expanded 属性设置为“true”。所以起初我认为修复是一个简单的技巧。我只需使用 jQuery 将该属性设置为 false,它就会起作用。但事实并非如此。在 Chrome 开发工具中,我将其设置为 false 并尝试单击它,但没有成功。 这确实看起来像是 JQM 中的一个错误,这很可怕,因为它是如此常见/核心功能。有修复方法可以使其工作吗? 我能找到的唯一解决方案是禁用锚元素上的ajax: <a href='ManageJob.php?JobID=$jobID' data-ajax='false'> 这会破坏很酷的页面转换,但至少所有按钮现在都可以在目标页面上使用。我期待 JQM 修复这个巨大的错误。

回答 1 投票 0

异步加载数据时不应用复选框样式

使用谷歌应用程序脚本在我的学校构建一个简单的工具,以帮助收集学生作业的照片证据并集中保存,以便所有教学人员都可以访问它(可能已经有一个应用程序......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.