【问题标题】:Mobile HTML building移动 HTML 构建
【发布时间】:2011-08-21 17:49:13
【问题描述】:

我正在尝试构建网站的移动版本。我已经制作了 html 和 css,但我希望它能够很好地工作。我做了两列(左列是菜单,右列是内容)。他们都隐藏了溢出。

我已经设置了自动溢出,但如果内容更大,我仍然无法让它们滚动。所以,我尝试了 iScroll 但它非常有问题。它不会滚动到内容的末尾,如果我改变方向它会有点混乱。

我可以像使用 iScroll 一样使用 jQuery Mobile 吗?煎茶触摸怎么样? (我看到了 Sencha Touch 的所有示例,非常棒,只是我不想像他们说的那样编写代码 - 只是 javascript - 我想编写 html 然后用 javascript 说某个 ul 元素实际上是一个列表和应该这样对待)。

谁能给我推荐一个教程或其他可以让小型网络应用程序运行良好的东西?

【问题讨论】:

    标签: html mobile jquery-mobile sencha-touch


    【解决方案1】:

    AFAIK,你可以这样使用 Sencha Touch,例如...

    var panel = new Ext.Panel({
        fullscreen: true,
        dockedItems: [{
            dock : 'top',
            xtype: 'toolbar',
            title: 'Standard Titlebar'
        },{
            dock : 'top',
            xtype: 'toolbar',
            ui   : 'light',
            items: [{
                text: 'Test Button'
            }]
        }], 
        html: 'Testing',
        renderTo: 'idOfHtmlElement'
    });
    

    您只需按照自己的意愿构建 HTML 元素,并使用 renderTo 配置选项指定每个组件的渲染对象。

    我不得不问……你为什么要这样工作?你会做两倍的工作,维护代码库需要更多的努力。这就是 Sencha Touch 的美妙之处,因为它让开发人员只关心功能而不是设备的怪癖。

    page here 专门用于在固定高度的 div 中滚动内容,这可能对你有一些用处(虽然我没有看过你的代码,所以很难说)。

    我对 iScroll 的体验是,它远非理想,而 jQuery touch 和 jQuery mobile 框架远不及 Sencha Touch 所展示的完善水平。

    我的建议是你拿起 Sencha Touch 并开始学习框架。第 2 版将在未来几个月内推出,并承诺支持更多设备(例如 Windows Phone 7)。

    Joe Hewitt 的Scrollability 可能也值得一看,尽管他最近几个月没有做太多工作。

    【讨论】:

    • 你知道什么好的煎茶触摸书吗?也许当 v2 出来时不会过时?
    • Amazon 上有几本书...like this one,但对于 2.0 版本可能不会有太大用处。但是,我强烈建议您先学习 Sencha Touch 1.o,因为它是版本 2 的一个很好的起点,并且会在一段时间内相关
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多