Question

我正在使用jqWidget的jqxChart。我没有编写任何用于显示带有后退按钮的顶栏的代码，但是当我在html体内使用下面的代码行时，它会使用带有后退按钮的顶栏加载图表。

<body class='default'>
<div id="demoContainer" class="device-mobile-tablet">
    <div id="container" class="device-mobile-tablet-container">
        <div id='jqxChart' style="margin-top: 50px; width: 100%; height: 49.0797%; position: absolute; left: 0%; top: 0px;">
        </div>
    </div>
</div>
</body>

请帮我隐藏这个顶部栏和后退按钮

Answer 1

仅留下：

<div id='jqxChart' style="width: 100%; height: 100%;"></div>

jQWidgets Chart没有任何标题或后退按钮。初始化图表小部件，它在移动设备上看起来就像它在桌面上看起来一样。我建议您按照示例代码中的百分比设置其宽度和高度，因此图表的大小将取决于设备的屏幕大小。确保为Body和HTML标记添加100％的高度。

Answer 2

如果您使用的是jqwidget团队提供的默认移动模板，那么＆＃34;工具栏带有后退按钮＆＃34;将默认显示。通过在方法调用

之后放置指定的javascript代码，可以使用后退按钮删除顶部标题（工具栏）

initSimulator("grid");

内部函数调用

 $(document).ready(function(){
     //Grid setup..
     //....
     //...
    initSimulator("grid"); 

    // ************* Remove Top Toolbar with Back Button *********
    var toolbar = document.getElementById("demoToolbar");
    toolbar.parentNode.removeChild(toolbar);
    $("#container").css('padding-top', '0px');
    // ====================== XXXXXXXXXXXXX =====================

 });

假设您的HTML正文如下：

<body class='default'>
<div id="demoContainer" class="device-mobile-tablet">
    <div id="container" class="device-mobile-tablet-container" style="margin-top: 0px; width: 100%; height: 100%; position: absolute; left: 0%; top: 0px;">
        <div id='jqxgrid'>
        </div>
    </div>
</div>

如何在使用jqWidget for iOS app的jqxChart时使用后退按钮隐藏顶部标题栏。

2 个答案: