Question

我见过其他一些看起来应该为我解决这个问题的例子（E.G。Change the width of the JQM panels），但它们似乎没有像发布的jsfiddles那样工作。我不确定它是否与jquery移动版本有所不同......但我希望有人可以帮助我。

如果你看一下http://demos.jquerymobile.com/1.4.2/panel-swipe-open/#demo-page ......我要做的就是让右侧滑出面板更大。从技术上讲，让面板本身变大并不难，但让面板顶部滑动到足够远的位置会让我感到适合。

我已经下载了源代码，然后简单地包含了以下CSS：

.ui-panel
{
    width: 300px !important;
}


.ui-panel.ui-panel-position-right {
    width: 300px !important;
}

.ui-panel.ui-panel-closed {
    width: 0;
}


.ui-panel-position-right {
    right: 300px !important;
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, 
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    -webkit-transform: translate3d(300px, 0, 0) !important;
    -moz-transform: translate3d(300px, 0, 0) !important;
    transform: translate3d(300px, 0, 0) !important;
}


.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open, 
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open, 
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
    left: 300px !important;
    right: 300px !important;
}

.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
    -webkit-transform: translate3d(300px, 0, 0) !important;
    -moz-transform: translate3d(300px, 0, 0) !important;
    transform: translate3d(300px, 0, 0) !important;
}

但是，唉，无济于事。右侧面板较大（您可以判断，因为您无法看到所有文本），但“内容”仅滑动了它始终具有的相同数量

我正在使用JQM 1.4.2

我在这里做错了什么？

修改推板的宽度

0 个答案: