1

リストをスクロールできません。私はこのコードを使用しています。何か提案をお願いします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Departure Schedule</title>
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="script/common.js"></script>
    <script type="text/javascript" src="script/soapclient.js"></script> 
    <script type="text/javascript" src="script/jquery.min.js"></script> 
    <script type="text/javascript">

        function GetDepartureStationDashboard()
        {      
             var pl = new SOAPClientParameters();
             var params = getParams();
             var parameter1 = unescape(params["getStationCode"]);
             var parameter2 = unescape(params["getStationDesc"]).replace(/[+]/g,"  ");
             document.getElementById("headingcontent").innerHTML = parameter2;
             pl.add("parameter1", parameter1);
             SOAPClient.invoke(WSDLURL, "GetDepartureStationDashboard", pl, true,  GetDepartureStationDashboard_callBack);
        }
        function GetDepartureStationDashboard_callBack(r)
        { 

// list which i want to scroll
            alert(r);// web service data
            var listdata = ""; 
            //tabledata += "<ul x-blackberry-focusable=\"true\">";
            //alert(""+r[0].stationName);
            for (var i = 0; i < r.length-1; i++)
            {
              //    
                listdata += "<li x-blackberry-focusable=\"true\"  id=\"i\"  x-blackberry-onUp=\"scroll(r.length-1)\" x-blackberry-onDown=\"scroll(r.length-1)\">" + r[i].stationName + "</li>";     
            }
            //listdata += "</ul>";
            alert(listdata);
            document.getElementById("iscroller").innerHTML = listdata;
        }

    </script>
</head>
<body onload="GetDepartureStationDashboard()">
<div id="wrapper">
  <div class="login_cont" x-blackberry-focusable="true">
    <div class="home_icon"><a href="index.html"><img src="images/back-icon.png" alt="Home" title="Home" x-blackberry-focusable="true"/></a></div>
    <h1 class="fr">Departures</h1>
    <div class="cl"></div>
      <div class="mid_cont">
        <div class="grid_cont">
          <div class="heading_bar">
            <h1 class="fl" id="headingcontent"></h1>
            <input name="" type="button" class="heading_btn fr" value="Change" onclick="location.href='index.html'" x-blackberry-focusable="true"/>
            <div class="cl"></div>
          </div>
          <div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="30%">PLATFORM NO.</td><td width="30%">STD - ETD</td><td width="35%">Destination</td><td width="5%">STATUS</td>
                </tr>
            </table>
          </div>
          <div class="scroll-pane">

              <ul id = "iscroller" x-blackberry-focusable="true">
              </ul>

        </div>
        <div class="grid_error"><img src="images/help-icon.png" /> Departure Schedule</div>
      </div>
    </div>
  </div>
</div>
<input type="hidden" name="hdnStationName" id="hdnStationName" value="" />
</body>
</html>
4

1 に答える 1

0

次のことをお勧めします。

  1. 実行時エラーが発生していないことを確認してください。あなたのコードにはステートメントが見当たらないtry-catchので、JavaScript のいずれかの行が失敗すると、アプリケーション全体に影響を与える可能性があります。
  2. への参照が表示されiScrollます。そのライブラリは、BlackBerry Web エンジンの自然な動的スクロールと競合するため、特に一部のデバイスで BlackBerry (別のプラットフォーム用に設計されたもの) で動作することが保証されていません。iScroll に起因すると思われる問題が発生した場合は、開発者に報告してください。
  3. BlackBerry 7 を使用している場合は、リモート Web インスペクターを使用して、ライブ コンテンツのデバッグとプロファイリングを行うことができます。この手法は、問題の根本を見つけるのに役立つ場合があります。
于 2012-08-20T18:48:13.367 に答える