0

QML から呼び出す必要がある HTML ファイルが 1 つあります。私の HTML ファイルは ajax プログラミングを使用しています。「undefined variable $ ajax」というエラーが表示されます。この問題を解決するために使用する必要があるライブラリはありますか?

main.qml -- 私の main.qml ファイルから、boot.htm ファイルを呼び出しています。boot.htm ファイルで、javascript ファイルを呼び出します。

Page{
    WebView {
        id: webView
        url: "local:///assets/boot.htm"
    }    
}

boot.htm

<div id="bootScreen" data-bb-type="screen" data-bb-scroll-effect="off"> 
<style type="text/css">

#bootScreen
{
   background:url('images/image.gif') no-repeat;  
}  
#logo
{
  height:200px;
  width:600px; 
}
</style>
<script id="bootJS" type="text/javascript" src="js/boot.js"></script>
<script type="text/javascript">

setTimeout(function () {
    $.ajax({
        url: "***",
        type: 'GET',
        data: { usr: localStorage["userName"],
            pwd: localStorage["userPassword"]
        },
        beforeSend: function () {
            $('#statusError').html('<center><div style="color:black !important; font-weight:bold font-size:20px"><img class="loading" src="images/loader.gif" align="middle" style="margin-bottom:25px;"/> LOADING</div></center>');
        },
        timeout: 10000,
        success: function (data) {
            bb.pushScreen('login.htm', 'login');
            if (!isPlaybook()) {
                unlockOrientation();
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('#statusError').html('An Error Has Occured. Please Try Again');
            console.log(errorThrown);
            console.log(textStatus);
            localStorage.clear();
            bb.pushScreen('login.htm', 'login');
            unlockOrientation()
        }
    });
}, 5000);

$(window).resize(function () {
    $('#logo').css({
        position: 'absolute',
        left: ($(window).width() - $('#logo').outerWidth()) / 2,
        top: ($(window).height() - $('#logo').outerHeight()) / 2
    });
});

$(window).resize();

</script>
<div id="logo" style="display:none">
<img  src="images/image.gif" />
</div>                 
</div>

Boot.js

var service = "****";
var locked = false;

function rotateAndLock() {
if (!locked) {
    blackberry.app.lockOrientation('portrait-primary');
    locked = true;
}
}

function unlockOrientation() {
    blackberry.app.unlockOrientation();
    isLocked = false;
}

アプリを実行したときに、アプリに image.gif が表示されません。$.ajax is undefined variable というエラーが表示されます。お知らせ下さい。

4

1 に答える 1

0

$ は、ajax ライブラリを持つ jQuery ライブラリへの参照として一般的に使用されます。

于 2013-02-12T18:46:34.673 に答える