小编Man*_*han的帖子

如何创建具有垂直时间轴栏的UI,在桌面上它显示为中间的时间轴栏和两侧的事件框.在较小的移动屏幕上,左侧的时间轴栏和右侧的所有事件框.

将JQuery与响应类结合使用是可以的,只需要显示所有事件框,因此使用xs-hidden隐藏备用框将不起作用.

JS小提琴: http ://jsfiddle.net/n82ek/2/

减少结果窗口的扩展大小以查看响应行为.

需要做什么？将左侧的栏向左移动显示尼斯:还在框旁边添加timelineDot.

请参阅附带的样本时间线ui图片图像....谢谢!

目前的HTML:

<div class="container">
    <div class="timelineBar"></div>
    <div class="timelineDot"></div>
    <div class="row">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
            <div class="shadowBox">right</div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="shadowBox">left</div>
        </div>
        <div class="col-sm-6">
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
            <div class="shadowBox">right</div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="shadowBox">left</div>
        </div>
        <div class="col-sm-6">
        </div>
    </div>
</div>

目前的CSS:

@import url('https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css');
.timelineBar {
    width: 2px;
    background-color: #BDBDBD;
    display: inline-block;
    position: absolute;
    height: 100%;
    left: 50%;
    margin-left: 10px; …

jQueryMobile默认主题没问题,我知道我们可以使用主题滚轮改变自己.但是,我可以从列表/库中下载自定义主题吗？

我不喜欢标题栏上的18x18像素微图像,并希望有更多开放和大胆的图标.此图标也应该在高分辨率屏幕上运行良好.

如果样片和主题都很好,也可以买,但如果在github上有好的,很棒!

例如,这很好:http://taitems.github.com/iOS-Inspired-jQuery-Mobile-Theme/

更多例子:

https://github.com/jjoe64/jquery-mobile-android-theme http://www.andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap

谢谢.

中号

在Blackberry playbook上,正常的window.history.back不起作用.在模拟器上测试....

所以,我在index.html中尝试了这个

window.history.back = navigator.app.backHistory;

这可以控制Phonegap函数,但在运行时它会抛出一个错误:

"Error: Status=2 Message=Class App cannot be found"

这是Phonegap(1.4.1)功能:

/**
 * Navigate back in the browser history.
*/
App.prototype.backHistory = function() {
    // window.history.back() behaves oddly on BlackBerry, so use
    // native implementation.
    console.log("in backHistory");
    PhoneGap.exec(null, null, "App", "backHistory", []);
};

有线索吗？