Tag: jquery mobile

jQuery Mobile Pages之外的持久性HTML: 我想在我的主页上的元素之外包含一些HTML。通过ajax加载新页面时，不应替换此HTML。此示例应用程序是在右上角有一个小的绝对定位div，仅在与AJAX调用相关的错误或应用程序的状态更新时显示。如果我尝试在index.html页面的主体中包含任何HTML，它会立即被jQuery Mobile取代。我不想在我写的每一页上都包含这个div。有任何想法吗？

Photoswipe + JQM：回事件问题: $（document）.on（“pagecreate”，function（）{ $ .jsonp（{ url：’URL_TO_GET_JSONP’， callbackParameter：’get_photo’，成功：函数（json，status）{ var photo = []; var path =’URL_TO_GET_JSONP’; $ .each（json，function（a，b）{ photo.push（” “）; photo.push（ ”）; photo.push（” “）; }）; $（ ‘画廊 ‘）HTML（photo.join（”））; var myPhotoSwipe = $（“。gallery a”）。photoSwipe（{ enableMouseWheel：false， }） }，错误：function（）{ 警报（“无法加载照片。”）; } }）; }）; 我遇到了图库和浏览器后退按钮的问题。与小（x）按钮相反，用户更有可能按下他们的后退按钮离开画廊。问题是，当您使用后退按钮时，您最终会在空白页面上没有导航或内容只是页面背景。（例如： http ： //www.photoswipe.com/latest/examples/04-jquery-mobile.html ）它有什么工作吗？

Javascript / Jquery在桌面浏览器中运行速度很快，但在移动/智能手机浏览器中运行速度很慢……我应该拆分我的网站并使用jQuery Mobile吗？: 我想让我的网站移动友好。我理解响应式设计如何使用CSS来帮助解决这个问题，但我发现还有另一个问题。 JQuery，Bootstrap，jQuery UI和jqGrid正在我的网站中使用，并且适用于桌面，但是当从移动设备（甚至是快速移动设备）查看网站时，它们非常慢。根据谷歌开发者的说法，使网站移动友好的首选方法是将其保存在一个URL上并使用媒体查询（响应式设计）。但是这并没有解决我的javascript内容问题。我是否需要创建一个单独的URL（前面有一个“m”，例如m.website.com），然后使用像jQuery Mobile这样的东西在我的网站上构建每个页面的另一个版本？到目前为止，我的测试显示jQuery Mobile似乎在我的智能手机上运行得足够快。我考虑的另一个选项是重建网站到jQuery Mobile中构建所有页面的地方，但我不认为这是正确的解决方案（由JQuery Mobile构建桌面应用程序）。那么，在为移动浏览器提供正确的方法来解决javascript速度问题时，将我的网站拆分并使用jQuery Mobile？更新：我的解决方案是删除jquery-UI和jqgrid。那些是减速的主要元凶。而不是jquery-UI，我只是使用单独的jquery插件或根据需要编写自己的插件。至于jqgrid，我发现了一个具有基本function的良好引导网格，我只是添加了我需要的东西。我还在使用jquery和bootstrap，但现在移动速度很快！我不打算创建一个单独的移动网站，但我只关注每个页面/function的移动设备。总的来说，我一直在利用引导程序和媒体查询的强大function，让每个页面在移动和桌面上都有一个很好的感觉。到现在为止还挺好！

Jquery mobile 1.4 data-enhance = false不起作用: 我正在尝试将我的JQM应用程序从1.3更新到1.4，并且在某些元素上，data-enhance =“false”不再起作用……元素仍然增强… jsfiddle： http ： //jsfiddle.net/matthieubrunet/RB9Qw/ JQM 1.4.3 Yes 我试图激活ignoreContentEnabled选项，但它不起作用： $( document ).on( “mobileinit”, function() { $.mobile.ignoreContentEnabled = true; }); 这是一个错误，还是我错过了什么？非常感谢你的帮助。

在jQuery Mobile上禁用data-role =“header”上的页面转换: 是否可以在data-role =“header”上禁用页面转换？目标是仅在data-role =“content”处使用页面转换。

DateBox的dateFormat选项不起作用？: 我试图让jtsage的jQuery-mobile DateBox插件的dateFormat选项工作。我在HTML文档中有以下代码：我的问题分为两部分： dateFormat的值基于以下页面： http ： //dev.jtsage.com/jQM-DateBox/demos/api/dateformat.html 。我期待选择一个日期，它会显示在dateFormat ，即1月2日，3月29日等。这是正确的，还是应该以不同的方式使用？使用此代码，选择日期将产生类似于1/2 / 2012,3 / 29/2012等格式。我们在数据库中存储的值与我们希望日期选择器显示的值不同，即2012-01-02 => 1月2日，1月2日=> 2012-01-02。这可能吗？提前致谢。

jquery移动和flot库: 我正在一个小型的jquery移动框架网站中实现flot。包含flot的页面/内容div位于辅助页面上。第一次显示flot页面时，图表呈现得很好。移回主页面并再次转发到flot页面，图表不会呈现。内容来自asp mvc视图： $(function () { var d1 = [[1, 1], [2, 2], [3, 3]]; $.plot($(“#chartdiv”), [d1]); });

样式未在动态创建的单选按钮中正确应用: 我必须动态创建一个单选按钮组。我能够成功创建它。但问题是动态创建的单选按钮看起来不像静态按钮。我尝试了两种方法：1）在fieldset上调用create – ui-corner-all类被添加到内部跨度上，因此所有单选按钮都显示为圆形。 2）在包含fieldset的div上调用create – 这里的问题更好。但是仍然存在一些问题。首先，当只有单选按钮时， ui-controlgroup-last controlgroup ui-controlgroup-last类被添加到该radiobutton.Next，当第二个单选按钮被添加， ui-controlgroup-last类被添加到该单选按钮中。但是ui-controlgroup-last controlgroup ui-controlgroup-last仍然存在于第一个单选按钮中并且该循环重复。因此所有单选按钮的样式都是最后的无人机。这是我的代码： $(document).ready(function() { for (var i = 0; i < 3; i++) { $("#rgroup1").append('Value’); $(“#rgroup1”).trigger(“create”); $(“#rgroup2”).append(‘Value’); $(“#radiodiv1”).trigger(“create”); } }); Normal radio buttons Value Value Value Dynamically created-Div Refresh Dynamically created-Fieldset Refresh PS – 我在每次追加后调用create的原因是因为它在我的实际用例中是如何工作的 – 任何时候都只创建一个单选按钮。生成的源 $(document).ready(function() { for (var i […]

jquery mobile loadPage无法正常工作: 好吧，我在几天前填写了这个问题，但不知道我是否清楚。所以，我现在使用另一个函数$.mobile.loadPage做了一些更简单的$.mobile.loadPage 我正在尝试做的只是将内容从另一个文件加载到div，就像使用普通jquery的$.ajax一样。在我的主页中： Click here to load 这是来自另一个文件的html： test 最后，js： $(“body”).on(“click”, “#load”, function () { $.mobile.loadPage(“mobile/favorites”, { pageContainer: $(‘#target’), type: ‘post’, reloadPage: true }); }); 我没有出现错误，url加载内容，因为我在chrome调试中检查。那么，我错过了什么？

在jQuery Mobile中重定向更改大选择菜单: 当用户从jQuery Mobile的菜单中选择一个选项时，我遇到了尝试重定向到另一个页面的问题。下面是一个非常小的例子，类似于我正在尝试做的事情，它展示了我遇到的问题。问题是，当选项列表太大而不适合屏幕时，重定向不起作用。当选项适合屏幕时，它工作正常。（您可以通过使窗口非常小来在桌面浏览器中重现这一点。） jQuery Mobile Test $(function () { $(‘#mySelect’).bind(‘change’, function () { // The actual logic for building the URL is more complicated, obviously. // This is just an example. var url = ‘jquery-mobile-test.html?param=’ + this.value; location.href = url; }); }); Select an Option… One Two Three Four Five Six Seven […]