Tag: jquery mobile

如何使用JQuery将数据从一个HTML页面传递到另一个HTML页面？: 我有两个HTML页面以这种方式在父子关系中工作：第一个有一个按钮，它做两件事：首先它通过AJAX调用从数据库请求数据。其次，它将用户引导到包含所请求数据的下一页，该数据将由JavaScript处理以填充第二页。我已经可以通过ajax调用获取数据并将其放在JSON数组中： $.ajax({ type: “POST”, url: get_data_from_database_url, async:false, data: params, success: function(json) { json_send_my_data(json); } }); function json_send_my_data(json) { //pass the json object to the other page and load it } 我假设在第二页上，“文档就绪”JavaScript函数可以轻松处理所有数据的传递JSON对象的捕获。测试它有效的最好方法是让我使用alert(“My data: ” + json.my_data.first_name); 在文档就绪函数中查看JSON对象是否已正确传递。我根本不知道这是一种值得信赖的真实方式。我已经阅读了论坛，我知道使用window.location.url加载第二页的基础知识，但传递数据完全是另一个故事。

在jquery mobile中没有得到正确的结果: 嗨我有3个html文件的index.html index 现在单击按钮我调用https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html，如下所示： TestMenu 点击按钮我打电话给https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/PortfolioTest.html，如下所示： PortfolioTest 现在当我回来按下然后前一个屏幕意味着当我再次按下https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html中的按钮时显示https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html它再次来到https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/PortfolioTest.html uptil现在一切都很好但是现在如果我按回来而不是去https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html它直接转到index.html页面。这就是当我使用Android 2.2版本时，如果我使用2.1版本，那么一切都很好。这是什么解决方案？任何帮助将不胜感激。提前致谢。

jquery mobile $ .mobile.changePage（）Windows phone 8无法工作Cordova / PhoneGap: 代码Index.html First Page Pass parameters with changePage function Or through a basic link 和我的js文件 $(document).on(‘tap’, “#changePage”,function () { $.mobile.changePage(‘https://stackoverflow.com/questions/19009529/jquery-mobile-mobile-changepage-windows-phone-8-not-working-cordova-phonegap/second.html’, { reloadPage : false, changeHash : true }); }); 和https://stackoverflow.com/questions/19009529/jquery-mobile-mobile-changepage-windows-phone-8-not-working-cordova-phonegap/second.html Second Page click me change Page 所有这些文件都使用PhoneGap / Cordova打包并在设备上运行。基本上我试图通过绑定到我的JS文件中的ID #changePage，在tap事件上使用$ .mobile.changePage（“https://stackoverflow.com/questions/19009529/jquery-mobile-mobile-changepage-windows-phone-8-not-working-cordova-phonegap/second.html”）将https://stackoverflow.com/questions/19009529/jquery-mobile-mobile-changepage-windows-phone-8-not-working-cordova-phonegap/second.html加载到index.html页面。这完全正常 Android手机 Internet Explorer 9和10 Webkit浏览器但问题是上面的代码不适用于Windows Phone 8 我正在测试的设备是使用的诺基亚Lumia 920 Jquery框架 jquery.mobile-1.3.2.js jQuery的2.0.3.js […]

Jquery移动按钮和i18next翻译: 我一直试图解决i18next按钮翻译问题一段时间了。如果我从page1移动到page2然后再转到page1，按钮渲染会中断：无论如何，在从page1移动到第2页然后第1页之后，第1页上的按钮是否会停止以下是使用的标记： Mbank app.home app.title app.page2 app.footer app.home app.title app.page1 app.footer $(document).on(“pagebeforecreate”, function () { console.log(‘ sample pagebeforecreate’); var i18nOpts = { resStore: { dev: { translation: { app: { button: ‘Button i18’, home: ‘Home i18’, label: ‘Label i18’, footer: ‘Footer i18’, title: ‘i18n Translation!’, li: ‘Read-only’, lilink: ‘Linked item’, col: ‘Collapsible’, page1: ‘to […]

Turbolinks消灭了jQuery Mobile类: 当我使用Turbolinks在我的rails应用程序中加载页面时，DOM缺少jQuery Mobile通常应用的样式。我的所有JavaScript文件都运行; 唯一的问题是我失去了JavaScript 实际工作所需的一些样式。例如，使用Turbolinks，我的标题是： MY SITE 没有，它是： MY SITE 我已经确认我的JS文件正在与Turbolinks一起运行。问题是预期的jQuery Mobile类不存在。单击Turbolink时，我不确定如何确保应用这些类。对于正确的方向或区域，我将不胜感激。我试过用以下方式包装JavaScript： $(document).ready(function () { //functions }); 和： $(document).on(‘turbolinks:load’, function() { //functions }); 我把coffeescript包裹在同一个： ready = -> #coffee $(document).on(‘turbolinks:load’, ready) 两者似乎都适用于我正常的JS / coffeescript活动，所以这不是问题 – 它只是丢失的jQuery Mobile类。我的application.js文件是： //= require jquery //= require jquery_ujs //= require jquery.mobile //= require js-routes //= […]

jQuery Mobile无法读取触发器上未定义的’选项’（’pagecreate’）: 我正在我的jqm页面上将一个外部页面加载到div中，为了使用jQuery移动样式增强它，我在div上调用trigge（’pagecreate’），这可以从控制台进行。 $(‘#search-results-page’).load(‘searchResults.php’,{options:$.encodeJSON(data.options),search:$.encodeJSON(data.search)},function () { $(this).trigger(‘pagecreate’,{options:{}}); $.mobile.changePage(‘#search-results-page’); }); 如果我将我的代码放在try catch块中，但是如果我没有，那么我会收到此错误：未捕获的TypeError：无法读取未定义的属性’options’jquery.mobile-1.3.1.js：7535

如何禁用jQuery Mobile滚动到页面顶部？: 我在页面中有一些锚点，当我使用锚点加载页面时： http://localhost:1820/Home/FAQ#question4 jQuery Mobile在1-3秒后自动滚动到页面顶部。我无法在$(document).ready()添加修复程序，因为此事件在滚动之前触发（在加载所有内容后显示滚动 – 使用其他社交按钮图像，脚本等）。当我删除jquery.mobile-1.1.1.js脚本时 – bug消失了。当我删除除jQuery和jQuery mobile之外的所有脚本 – bug仍然存在。所以问题应该在jQuery Mobile脚本中。我该如何解决问题？我用Chrome和Opera来测试它。 PS我设置$.mobile.ajaxEnabled = false; ，所以我的网站不使用Ajax加载页面。

使用返回的JSON填充数据库表: 我想将一些来自Drupal网站的JSON内容存储到PhoneGap应用程序中的数据库表中。我正在使用ajax来做到这一点。当我运行以下代码并检查表时，我被告知它是空的。有人知道如何填充这张桌子吗？ $(‘#newDiv’).live(‘pageshow’,function(){ function queryDB(tx) { tx.executeSql(“SELECT * FROM ‘tableA'”, [], querySuccess, errorCB); } function querySuccess(tx, results) { var len = results.rows.length; alert(“Table: ” + len + ” rows were found.”); } } function createTable(tx) { tx.executeSql(‘DROP TABLE IF EXISTS “tableA”‘); var sql = “CREATE TABLE IF NOT EXISTS ‘tableA’ (id INTEGER PRIMARY […]

修复fullcalendar中的移动日选择: 我有一个使用fullcalendar的日历应用程序。我实际上使用两个实例，最上面是一个月（或可选的周）日历视图，下面是所选日期的简单日视图（列表）。在月视图中，我真的只想点击当天“选择”一整天。此外，默认的longpress看起来很笨重，所以我将longPressDelay设置为1（ms）。我使用eventLimitClick和eventClick的回调来选择日期，以防用户点击那里而不是白天。这似乎在桌面上工作正常，但在移动设备上它选择一天只有几分之一秒然后由于某种原因立即取消选择。有办法阻止这个吗？此外，我使用选择约束，因此您一次只能选择一天。我尝试使用“unselectAuto：false”，但这导致了奇怪的行为，即使不再选择，之前选择的天数仍保持蓝色，并且第二天需要两到三次点击才能选择…不确定原因。这是我的coffeescript初始化代码，删除了一些无关的东西。 $(‘#calendar’).fullCalendar height: ‘auto’ nowIndicator: true defaultView: gon.default_view header: ” selectable: true selectHelper: true longPressDelay: 1 selectConstraint: start: ’00:00′ end: ’24:00′ defaultTimedEventDuration: ’00:30:00′ businessHours: { start: gon.business_hours_start, end: gon.business_hours_stop, dow: [0, 1, 2, 3, 4, 5, 6] } editable: true eventLimit: true eventLimitClick: (cellInfo) -> $(‘#calendar-day’).fullCalendar(‘gotoDate’, […]

Jquery Mobile Listview Clicked Item – 将参数传递给另一个页面: 我有一个index.html页面。此页面还包含许多页面，如＃home，＃list #contacts等。在#list部分我动态地从我的网页获取数据并生成listview。我想要的是，当用户点击任何列表项时，重定向到#imageDetail页面并将图像URL传递给页面并显示图像这是#imageDetail页面部分 Image Detail 下面的代码是我的动态获取json数据的javascript代码。 $(‘#last5’).live(“click”, function() { $.ajax({ url: “http://mysqlservice.com/getdata.json”, dataType: ‘jsonp’, success: function(json_results){ $(“#imageListDetay”).html(”); console.log(json_results); $(‘#imageListDetay’).append(”); listItems = $(‘#imageListDetay’).find(‘ul’); $.each(json_results.results, function(key) { html = ”+json_results.results[key].screen_name+”+json_results.results[key].resim_url+’ ‘+json_results.results[key].adres_data+”; listItems.append(”+html+”); }); $(‘#imageListDetay ul’).listview(); }, error: function (XMLHttpRequest, textStatus, errorThrown) { //error } }); }) $(“#detailedIMAGE”).live(“pagebeforeshow”, function (e, data) { var brewername = […]