Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 英特尔XDK项目+；引导框架+；listview不滚动

Twitter bootstrap 英特尔XDK项目+；引导框架+；listview不滚动

twitter-bootstrap listview

Twitter bootstrap 英特尔XDK项目+；引导框架+；listview不滚动,twitter-bootstrap,listview,intel-xdk,Twitter Bootstrap,Listview,Intel Xdk,我在Intel XDK（1995版）中有一个bootstrap项目，其中有一个页脚（里面有一个分组按钮）和一些子页面，其中一个页面中有一个listview，用于显示操作系统库列表 此listview位于一行内。我已经尝试在列中使用listview，或者不使用行和列。在所有情况下，两者都有与listview相同的问题，即：我的listview不滚动 我使用Web服务获取数据以加载listview。我使用的是ajax jquery，如下代码所示： /* button #btn_bancos

我在Intel XDK（1995版）中有一个bootstrap项目，其中有一个页脚（里面有一个分组按钮）和一些子页面，其中一个页面中有一个listview，用于显示操作系统库列表

此listview位于一行内。我已经尝试在列中使用listview，或者不使用行和列。在所有情况下，两者都有与listview相同的问题，即：我的listview不滚动

我使用Web服务获取数据以加载listview。我使用的是ajax jquery，如下代码所示：

    /* button  #btn_bancos */
    $(document).on("click", "#btn_bancos", function(evt)
    {
        var webMethod1 = "http://my_webservice_address";

        $.ajax({
            type: "POST",
            dataType: "XML",
            url: webMethod1,
            success: parseXMLBancos
        })
        .fail(function(jqXHR, textStatus) {
            myAppProcessing.hideProcessing();
            alert( "Request failed: " + textStatus );
        });
    });

function parseXMLBancos(xmlBancos)
{
    // Limpa a linha de template original do listview
    $("#lst_bancos").empty();

    // Percorre todas as ocorrências retornadas pelo serviço
    $(xmlBancos).find("Bancos").each(function() {
        var codigo = $(this).find('CdBanco').text();
        var sigla = $(this).find('SgBancoComCodigo').text();

        var banco = '<a class="list-group-item allow-badge widget" data-uib="twitter%20bootstrap/list_item" data-ver="1"><h4 class="list-group-item-heading">' + codigo + '</h4><p class="list-group-item-text">' + sigla +'</p></a>';
        $("#lst_bancos").append(banco);
    });
    activate_subpage("#bancos");
    myAppProcessing.hideProcessing();
}

/*按钮*/
$（文档）。在“单击”上，函数（evt）
{
var webMethod1=”http://my_webservice_address";
$.ajax({
类型：“POST”，
数据类型：“XML”，
网址：webMethod1，
成功：parseXMLBancos
})
.fail（函数（jqXHR，textStatus）{
myAppProcessing.hideProcessing（）；
警报（“请求失败：+textStatus”）；
});
});
函数parseXMLBancos（xmlBancos）
{
//Limpa a linha de模板原始do列表视图
$（“lst#u bancos”）.empty（）；
//作为奥科里尼亚人的托达斯（Percorre todas）被称为“服务者”（pelo serviço）
$（xmlBancos）.find（“Bancos”）.each（function（）{
var codigo=$（this.find（'CdBanco'）.text（）；
var sigla=$（this.find（'sgbancococomcodigo'）.text（）；
瓦尔银行
标题
列表项

标题
列表项
我的应用程序在模拟器中运行良好，我可以很好地滚动listview。但是当我尝试在应用程序预览中使用我的应用程序或直接在智能手机中使用我的应用程序时，listview不会滚动。它已正确加载，但我无法滚动。它似乎被锁定。我只能看到屏幕上可以看到的ListItems。其余部分无法访问，因为他不工作

但是如果我把我的项目改为使用一个页面而不是子页面，它会起作用。我真的需要使用子页面，因为我想使用相同的页脚导航菜单，所有页面

我做错了什么？还是一只虫子

谢谢，
Marcelo。

您的问题是正在加载Hammer.js。我也有同样的问题，无法找到解决方案。请在没有Hammer.js的情况下尝试

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
        <meta charset="UTF-8">
        <title>Blank App Designer Cordova Web App Project Template</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

        <style>
            @-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; }          @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }
            @-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; }                   @viewport { user-zoom: fixed ; min-zoom: 100% ; }
        </style>

        <link rel="stylesheet" href="css/app.css">
        <link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">
        <script src="cordova.js" id="xdkJScordova_"></script>
        <script src="js/app.js"></script>
        <script src="js/init-app.js"></script>
        <script src="xdk/init-dev.js"></script>
        <script type="application/javascript" src="lib/jquery.min.js"></script>
        <script type="application/javascript" src="sidebar/js/hammer.js"></script>
        <script type="application/javascript" src="sidebar/js/jquery.hammer.js"></script>
        <script type="application/javascript" src="sidebar/js/swipe-hammer.js"></script>
        <script type="application/javascript" src="sidebar/js/sidebar.js"></script>
        <script type="application/javascript" src="js/index_user_scripts.js"></script>
        <script type="application/javascript" src="xdk/ad/bs_subpage.js"></script>
        <script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
              $("#btn_bancos").click(function () {
                  myAppProcessing.showProcessing();
              });
            });
        </script>
        <script type="application/javascript" src="xdk/appdesigner/js/rest-of-space.js"></script>
    </head>

    <body>
        <div class="upage" id="mainpage">
            <div class="upage-outer">
                <div class="upage-content ac0 content-area vertical-col" id="home">
                    <div class="widget uib_w_7 scale-image d-margins logotipo" data-uib="media/img" data-ver="0">
                        <figure class="figure-align">
                            <img src="images/logotipo-home.png">
                            <figcaption data-position="bottom"></figcaption>
                        </figure>
                    </div>
                </div>

                <div class="uib-footer uib-footer-fixed footer-bg container-group inner-element uib_w_2" data-uib="layout/footer" data-ver="0">
                    <h2></h2>
                    <div class="widget-container wrapping-col single-centered">
                        <div class="btn-group uib-bs-flex widget uib_w_3 d-margins" data-uib="twitter%20bootstrap/button_group" data-ver="1">
                            <button class="btn widget uib_w_4 btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" id="btn_home"><i class="glyphicon glyphicon-home button-icon-top" data-position="top"></i>Home</button>
                            <button class="btn widget uib_w_5 btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" id="btn_consultas"><i class="glyphicon glyphicon-search button-icon-top" data-position="top"></i>Consultas</button>
                            <button class="btn widget uib_w_6 btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" id="btn_sair"><i class="glyphicon glyphicon-hand-left button-icon-top" data-position="top"></i>Sair</button>
                        </div>
                    </div>
                    <div class="widget-container content-area horiz-area wrapping-col left"></div>
                    <div class="widget-container content-area horiz-area wrapping-col right"></div>
                </div>
            </div>
            <div class="upage-content hidden vertical-col" id="consultas">
                <div class="grid grid-pad urow uib_row_1 row-height-1" data-uib="layout/row" data-ver="0">
                    <div class="col uib_col_1 col-0_12-12" data-uib="layout/col" data-ver="0">
                        <div class="widget-container content-area vertical-col">

                            <span class="widget uib_w_8 d-margins label label-primary" data-uib="twitter%20bootstrap/badge_and_label" data-ver="1">Consultas</span>
                            <button class="btn widget uib_w_9 d-margins btn-lg btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" id="btn_bancos"><i class="glyphicon glyphicon-search button-icon-left" data-position="left"></i>Bancos</button><span class="uib_shim"></span>
                        </div>
                    </div>
                    <span class="uib_shim"></span>
                </div>

            </div>
            <div id="bancos" class="upage-content hidden vertical-col">

                <div class="grid grid-pad urow uib_row_2 row-height-2" data-uib="layout/row" data-ver="0">
                    <div class="col uib_col_4 col-0_12-12" data-uib="layout/col" data-ver="0">
                        <div class="widget-container content-area vertical-col">

                            <div class="list-group widget uib_w_10 d-margins rest-of-height" data-uib="twitter%20bootstrap/list_group" data-ver="1" id="lst_bancos">
                                <a class="list-group-item allow-badge widget uib_w_11" data-uib="twitter%20bootstrap/list_item" data-ver="1">
                                    <h4 class="list-group-item-heading">Heading</h4>
                                    <p class="list-group-item-text">List item</p>
                                </a>
                                <a class="list-group-item allow-badge widget uib_w_12" data-uib="twitter%20bootstrap/list_item" data-ver="1">
                                    <h4 class="list-group-item-heading">Heading</h4>
                                    <p class="list-group-item-text">List item</p>
                                </a>
                                <a class="list-group-item allow-badge widget uib_w_13" data-uib="twitter%20bootstrap/list_item" data-ver="1">
                                    <h4 class="list-group-item-heading">Heading</h4>
                                    <p class="list-group-item-text">List item</p>
                                </a>
                            </div><span class="uib_shim"></span>
                        </div>
                    </div>
                    <span class="uib_shim"></span>
                </div>
            </div>
        </div>
    </body>
</html>