小编Gaj*_*res的帖子

当我点击列表项目,转到另一个页面时,当前页面会跳转到屏幕顶部,然后转换到下一页面.

这个问题出现在jQM 1.2中,并且在新发布的1.3版本中仍然没有修复.

有人知道如何防止滚动到顶部,并在使用后退按钮时记住滚动位置吗？

这种恼人的行为是不可接受的,并打破了整个应用体验.

我在iPhone 4S上使用它作为webapp,使用iOS 6.1.2.

我正在寻找一种快速简便的方法,将谷歌地图(通过其嵌入代码)嵌入到响应式网站中,并将响应性应用于地图.

一般情况下,iframe会拒绝调整您的媒体查询或其中包含的div,这总是使我感到沮丧,我讨厌使用插件,如果真的不需要,如响应式谷歌地图插件.请参阅下面的解决方案

我有以下代码:

HTML:

<link rel="stylesheet" href="js/jquery.mobile-1.3.1.min.css"/>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>

JS:

$(document).on({
  ajaxStart: function() { 
    $.mobile.loading('show');
    console.log('getJSON starts...');
  },
  ajaxStop: function() {
    $.mobile.loading('hide');
    console.log('getJSON ends...');
  }    
});

我正在使用Jquery Mobile 1.3.1并在mozilla firefox和google chrome中测试此代码.我稍后会在一个phonegap应用程序中使用它.

我正在加载一个JSON并在列表视图中将其显示在屏幕上.加载时,我希望程序显示"加载微调器".控制台日志显示ajaxStart正在触发,但屏幕上的任何位置都没有可视化微调器.

我究竟做错了什么？请帮忙!

提前致谢.

这是一个jQuery Mobile问题,但它也与纯jQuery有关.

如何在没有页面转换的情况下将表单数据发布到页面集到表单操作属性中.我正在构建phonegap应用程序,我不想直接访问服务器端页面.

我尝试过几个例子,但每次表格都会将我转发到目标php文件.

是否有像jQuery Mobile页面的生命周期？就像在init,show,hide/back或任何事件中被触发的事件一样？!

提前致谢!

在我的phonegap/jquery移动应用程序中,使用了多页面模型.index.html拥有我的应用程序的所有页面,到目前为止6页.如果这个应用程序增长太多而且在单个html文件中变成了19页,那会不会很糟糕？我创建了其他应用程序来测试并使用一个html文件到每个页面.但看起来每次更改页面时,整个DOM都会再次加载,是吗？

请告诉我哪个结构更适合大型应用

我目前正在开发一个新的项目来实现移动应用程序.客户没有决定,我建议几个解决方案.需要与Android(版本2.2+)的兼容性,iOS和其他操作系统可能会很好.我们只能为Android开发,但我想使用Web移动框架.

由于我从未使用它们,我开始寻找现有的解决方案.我听说过PhoneGap,Titanium,Sencha Touch和jQuery Mobile.

以下是我发现的可能性:

• PhoneGap + Sencha Touch
• PhoneGap + jQuery Mobile(或同等产品)
• Sencha Touch(API + UI)
• 钛

应用程序中的关键点是允许用户拍摄照片并对其进行编辑:调整大小,添加一些文本......在Android上,技术上可行,但我不知道使用的是移动框架.

以PhoneGap和jQuery Mobile为例,它可以做到吗？我找到了每个功能的部分代码,但没有一个非常完整,并且不确定它是否会在很多手机上兼容.对于开发时间,或许更好的做2个本地应用程序而不是尝试使用移动框架(并在Javascript中开发图片版本)？

我发现每个框架都有很多意见,但其中有一些是在一年多的时间内发布的,而且他们很难对所有解决方案有清晰的认识.

所以我想知道我是否可以用这些解决方案之一实现这个图片版本,这可能是最好的.

谢谢您的帮助

我有一个PhoneGap应用程序,它使用JQuery mobile在页面之间导航.

当我从主页面导航到包含Google地图的页面时,地图左上角一次只显示一个图块,如下所示:

这可能是什么原因？

**

源代码: 以下脚本位于我的页面的头部

<script>
            $(document).on("pageinit", "#stores", function () {
                var centerLocation = new google.maps.LatLng('57.77828', '14.17200');

        var myOptions = {
            center: centerLocation,
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            callback: function () { alert('callback'); }
        };

        map_element = document.getElementById("map_canvas");




        map = new google.maps.Map(map_element, myOptions);

        var mapwidth = $(window).width();
        var mapheight = $(window).height();
        $("#map_canvas").height(mapheight);
        $("#map_canvas").width(mapwidth);
        google.maps.event.trigger(map, 'resize');

            });
        </script>

我的页面是这样的

<!-- Home -->
        <div data-role="page" id="home">
.
.
.
</div>

<div data-role="page" id="stores">
<div data-role="content" id="map_canvas"></div>
</div>

我从家里导航到地图页面,如下所示:

<a href="#stores">Stores</a>

应用Gajotres解决方案后 …

是否可以调整触发滑动事件所需的距离,如果是这样,它是如何完成的？

这里的代码我在谈论:

$('.page2').bind('swiperight', function(event, ui){
    $.mobile.changePage(
        $('.page1'),
        {
          allowSamePageTransition: true,
          transition: 'slide',
          reverse: 'true', 
          showLoadMsg: false,                    
          reloadPage: true,
        }
    );
    return false; 
}); 

使用jQuery jquery-1.9.1.js和jQueryMobile 1.3.1(Chrome 26/Windows 7)我无法理解为什么这些"click"事件中的一个绑定到#one1会触发而另一个不会:

HTML:

<div data-role="page" id="one" data-theme="a">
    <div data-role="header" data-position="inline">
        <h1>One</h1>
    </div>
    <div data-role="content" data-theme="a">
        <a href="#" id="one1">[one]</a>
        <a href="#two">two</a>
        <a href="#three">three</a>
    </div>
</div>

JavaScript的:

<script>
$(document).on( "mobileinit", function() {
    $(document).on('click', '#one1', function(e){
        console.log('firing');
    });
    $('#one1').on("click", function() {
        console.log('not firing');
    });
}); 
</script>

当我在JSFiddle中运行它时,当没有包含在"mobileinit"事件中时,两个事件都会触发:http: //jsfiddle.net/9NRwa/

我在这里错过了什么？