Jquery模式未在Android 3.1模拟器中显示

Question

我有一个html页面，在网页浏览器中显示模态。我正在使用WebView将这个html集成到Android应用程序中。在模拟器中，模态未显示。

如果我在这里做错了或者是否需要配置，请告诉我？

以下是代码段：

<div style="width: 1300px; left: 0px;" class="belt"  id=purchase-modal >
    <ul>

    </ul>
</div>

<div id="purchase-modal-content">
    <article id="innerMainbox" >

    </article>

</div>

    function entitlementResponse(status, response) {
        if (response.status) {
            var res = response.message.length;
            tempEntitlementResp = response.message;
              $("#purchase-modal ul").empty();
            for ( var i = 0; i < response.message.length; i++) {
                var assetData = response.message[i];
                var myStringAr = [];
                myStringAr.push('<li class="panel" style="float: none; position:absolute; left:');
                myStringAr.push(i*120);
                myStringAr.push('px;"><a class="purchase newIn" href="javascript:;" onClick="launchVideo('+ i + ')" >');
                myStringAr.push('<img  class="ImgSize" src="');
                myStringAr.push(assetData.image_url);
                myStringAr.push(' "</a><br></li>');
                $("#purchase-modal ul").append(myStringAr.join(""));
            }

        }
    }


    jQuery(function ($) {
        // Load dialog on page load
        //$('#basic-modal-content').modal();
        // Load dialog on click 
        $('#purchase-modal .purchase').click(function (e) {

            $('#purchase-modal-content').modal();
            setTimeout( function() { 
                $("#gallerya li").mouseover(function() {
                    $("div",$(this)).show();
                    $("img",$(this)).css("background", "#000");
                }).mouseout(function(){
                     $("div",$(this)).hide();
                     $("img",$(this)).css("background", "");
                }).each(function() { $("div",$(this)).hide()});
            } , 200);

            return false;
        });
    });