标签: jquery-mobile

如何创建jQueryMobile主题？

它最好的方式是覆盖CSS吗？

"jQuery Mobile"页面结构经过优化,可以支持页面中的单个页面或本地内部链接的"页面"." jQuery文档

什么为jQuery Mobile应用程序提供了更好的性能 - 它运行在PhoneGap上？

• single.html文件中的所有页面和内部加载
• 带有外部链接的单页

还需要考虑其他方面吗？

我想在我的移动应用程序的前端使用JQuery mobile,但我需要一个JavaScript MVC框架来完成后端集成,我正在考虑使用EmberJS.有没有这种集成的指南？我应该避免任何陷阱？作为参考,我最初来自Sencha Touch 2.0背景.

我使用jQuery ajax调用第三方网页.根据他们的页面,他们在登录成功时发送状态代码200,如果登录失败则发送401.这是我的jquery代码示例.此代码在IE上运行正常,但在Chrome或Firefox上无效.可能是什么问题？

$.ajax({
  type: 'GET',
  url: hostURL + 'j_teo_security_check?callback=?',
  dataType: 'json',
  data: ({j_username : $("#inp_user_name").val(), j_password: $("#inp_user_pwd").val()}),
  statusCode: {
      401:function() { alert("401"); },
      404:function() { alert("404"); },
      200:function() { alert("200"); },
      201:function() { alert("201"); },
      202:function() { alert("202"); }
    },
    complete: function(httpObj, textStatus){
    alert(httpObj.status);
  },
  error: function(){
    alert("error");
  },
  async: false
});

我尝试了所有函数错误,成功,完成和statusCode.他们都没有处理401错误.

我遇到了一个不寻常的问题,我正在寻找建议.基本上,我正在使用:

• JQuery Mobile 1.1
• JQuery 8.2
• PhoneGap(科尔多瓦)2.1

在iPhone上我的应用程序的许多页面上,如果我将光标放入输入框,则会打开虚拟键盘.这很好,期待.

这是问题所在:在某些情况下(但不是全部),将光标放入输入框会触发window.resize事件.我通过以下代码验证了这一点:

    $(window).resize(function(e) {
        alert('The window resize occurred!  Width: ' + $(window).width() + " Height: " + $(window).height());
        debugger;
        return false;
    });

在解析window.resize事件后,JQueryMobile立即决定将页面调整为不正确的高度.我可以告诉它是页面,因为我为每个元素添加了不同的颜色边框以查看它是什么.在许多情况下,这个调整大小的动作导致我的一半GUI在div的底部溢出,有时甚至使我的光标隐藏在div下面.

理解它的最好方法是使用屏幕截图:

现在,我真的不希望任何人对此有一个确切的答案.我只是在寻找调试技巧.我在window.resize()事件中添加了一个"调试器"语句,并尝试逐步执行代码.我希望能够引导一些旨在调整页面大小的其他调整大小的侦听器.如果我能找到它,那么当有人选择表单元素时,我可以暂时削弱它,然后重新启用模糊或方向更改的大小调整.问题是,我逐步完成了每行代码,调试过程在调整大小之前就停止了.

这让我想知道是否还有一些其他事件被从window.resize中解雇.所以我在下面添加了两行:

    document.addEventListener("throttledresize", function() { alert("throttledresize fired.") }, false);
    document.addEventListener("orientationchange", function() { alert("orientationchange fired.") }, false);

然而,两者都没有被解雇.所以我有点卡住了.我很清楚我知道问题是什么,但我无法追溯到源头.关于在哪里可以找到这个在window.resize()上调整页面大小的神秘代码的任何建议？

我一直想将jQuery Mobile用于一个大约2个月(4月底)上线的客户端项目,但我似乎找不到任何jQuery Mobile的路线图.

它现在处于Alpha 3阶段.在Alpha 1和Alpha 2之间只有一个月,但在Alpha 2和Alpha 3之间只有两个半月.

根据Bug Tracker的说法,jQuery Mobile有231个开放问题,其中许多是关键或高或甚至2个状态阻止程序.

我真的不想使用这个框架,因为它的目标是吸引如此众多的客户以及我对jQuery的感觉:)但这个时间点它是否明智？

更新2011-03-04

根据http://jquerymobile.com/2011/02/jquery-mobile-alpha-3-released/:"现在我们计划在发布1.0版本之前的一个月内发布第一个测试版."

根据sidneyallen的说法:"#jquery mobile Beta ETA是4月中下旬.在Bay Area Mobile聚会时无意中听到了."

更新2011-03-23

根据jQuery Mobile的官方推特账号,jQuery Mobile Alpha 4应该会在一周内发布,测试应该在4月16日至17日举行的旧金山jQuery会议上发布.

更新2011-04-30

是的,jQM Alpha 4确实在我上次更新一周后发布了很多改进.此时的测试版仍计划于4月中旬发布,以便及时召开jQuery会议.

4月7日,该团队发布了jQM Alpha 4.1,这是一个维护版本.他们现在宣布他们可能不会制定测试版的时间表.

4月16日,现在在您的开发项目中使用最新版本(每晚构建)变得更加容易.

4月21日,看起来团队正在寻找一些漏洞.

更新2011-05-23

在他们最近的博客文章中,jQuery团队宣布即将发布测试版.新的日期是5月底/ 6月初.导航和更好的平台支持的重大重构是他们想要在测试版发布之前准备好的大事.

更新2011-06-22

期待已久的beta 1版本终于来了.它在两天前发布,包括对更多平台的支持,包括Blackberry 5和Opera Mini.由于我们的团队自4月7日发布的Alpha 4.1以来没有更新jQM,因此有很多改进和错误修正.关于浮动标题,页面之间的过渡和一般的导航,体验肯定更好.我们没有遇到任何影响我们代码的重大更改.好吧有一些,但它们与将jQuery核心从1.5.1更新到1.6.1有关.

第二个测试版应在一个月内出门,1.0应该在今年夏天晚些时候发布.

现在我真的认为jQuery …

如何在三列ui-grid布局(33/33/33%)中的两列中添加输入文本字段？

目标是输入文本字段占66%,第三列占用其余部分.

来自jquery mobile的示例ui-grid:

<div class="ui-grid-b">
<div class="ui-block-a">Block A</div>
<div class="ui-block-b">Block B</div>
<div class="ui-block-c">Block C</div>
</div><!-- /grid-a -->

当我在一个帖子中重定向回到显示表单的页面时,JQuery mobile会向我显示结果而不是表单.

可以说我有三个资源:

/ => Just shows a link to the /redirect_to resource, this is to test
/redirect_to => GET: Shows a form to say your name in /thank_you
/redirect_to => POST: Just redirects to /thank_you showing the name that you input
/thank_you => GET: Shows a text "Thank you name!"

在我到达谢谢你之后!页面,如果我试图回家,然后去/redirect_to我得到的内容/thank_you而不是形式/redirect_to,如果我刷新页面,我得到表格.

因此,redirect_to我没有看到表单,而是看到了thank_you页面.

如果您不理解Sinatra中的代码,此时我将在Flask,Snap,Rails,Django中重新编写它(我的应用程序在Django上)......但它应该足够好读了.这是Github上的代码(因为StackOverflow没有检测到我的ruby):https://gist.github.com/1061639

要运行应用程序,您基本上安装sinatra: gem install sinatra

并运行它: ./jquerymobile_redirect_error.rb

#!/usr/bin/env ruby

require …

有人可以让我知道jquery mobile在电话差距中的方向更改事件的正确代码吗？我在哪里以及如何实现此orientationChange函数？

我在我的asp.net控制器上使用下面的代码在javascript上返回我的Ajax上的Json对象

public JsonResult myMethod()
{
    // return a Json Object, you could define a new class
    return Json(new
    {
        Success = true, //error
        Message = "Success" //return exception
    });
}

jQuery的阿贾克斯:

$.ajax({
    type: "POST",
    url: url_ ,
    data: search,
    success: function(data) {   
        //Show Json Properties from Controller ( If Success == false show exception Message from controller )
        if (data.Success)  
        {
            alert(data.Message); //display success 
        }
        else
        {
            alert(data.Message) //display exception
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("error: " + …