Question

我使用英特尔XDK进行移动UI设计，我插入了一个包含图片和文字的标题。但是我无法在身体中添加任何东西。我尝试将不同的组件拖入体内但没有任何反应。似乎我只能在标题中添加任何内容。这是我的代码：<h4>内的内容未出现在屏幕上。（这是）

<!DOCTYPE html>
<!--HTML5 doctype-->
<html>

    <head>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="media_button_bar/css/media_button_bar.css">
        <link rel="stylesheet" type="text/css" href="css/design.css">
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">
        <title>Your New Application</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <style type="text/css">
            /* Prevent copy paste for all elements except text fields */
            *  { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
            input, textarea  { -webkit-user-select:text; }
        </style>
        <script src="intelxdk.js"></script>
        <script type="text/javascript">
            /* Intel native bridge is available */
            var onDeviceReady=function(){
            //hide splash screen
            intel.xdk.device.hideSplashScreen();
            };
            document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
        </script>
        <script type="application/javascript" src="js/jquery.min.js"></script>
        <script type="application/javascript" src="marginal/marginal-position.min.js"></script>
        <script src="cordova.js"></script>
        <script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
        <script type="application/javascript" src="modal/js/modal.js"></script>
        <script type="application/javascript" src="js/index_user_scripts.js"></script>
    </head>

    <body class="body">

        <!-- content goes here-->

        <div class="uwrap">
            <div class="upage" id="mainpage">
                <div class="upage-outer">
                    <div class="uib-header header-bg container-group inner-element uib_w_1 uib-header-fixed" data-uib="layout/header" data-ver="0" id="header">
                        <img class="header_image" src="images/hku_logo.png">
                        <div class="header_text">
                            HKU Mobile
                        </div>

                        <div class="widget-container content-area horiz-area wrapping-col right">

                            <a class="uib-graphic-button default-graphic-sizing hover-graphic-button default-graphic-button widget uib_w_2 d-margins" data-uib="media/graphic_button" data-ver="0" id="login_lock">
                                <img src="images/Login_lock.png">

                                <span class="uib-caption"></span>
                            </a>

                        </div>
                    </div>
                    <!-- /upage-content -->

                    <h4> sdsajidojasid</h4>

                </div>
                <!-- /upage-outer -->


                <!-- popup Portal Login box -->
                <div class="modal outer-element uib_w_4 Portal_popup" data-uib="twitter%20bootstrap/modal" data-ver="0" id="Portal_popup" data-backdrop="false" data-keyboard="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button class="close" data-dismiss="modal">x</button>
                                <h4 class="modal-title">Login to HKU Portal</h4>
                            </div>

                            <div class="modal-body">
                                <div class="col uib_col_1 single-col" data-uib="layout/col" data-ver="0">
                                    <div class="widget-container content-area vertical-col">

                                        <div class="table-thing widget uib_w_5 popup_text1" data-uib="twitter%20bootstrap/input" data-ver="0">
                                            <label class="narrow-control label-top-left">HKU Portal ID</label>
                                            <input class="wide-control form-control input-sm" type="text" placeholder="Enter your HKU Portal UID" id="portal_id">
                                        </div>
                                        <br>
                                        <div class="table-thing widget uib_w_6 d-margins" data-uib="twitter%20bootstrap/input" data-ver="0">
                                            <label class="narrow-control label-top-left">HKU Portal PIN</label>
                                            <input class="wide-control form-control input-sm" type="password" placeholder="Enter your HKU Portal PIN" id="portal_pin">
                                        </div>
                                        <br>
                                        <br>
                                        <button type="button" class="btn widget uib_w_7 d-margins btn-primary" data-uib="twitter%20bootstrap/button" data-ver="0"><i class="glyphicon button-icon-left" data-position="left"></i>Log in</button>
                                        <span class="uib_shim"></span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- /upage -->
        </div>
        <!-- /uwrap -->
    </body>

</html>

Answer 1

我的代码中缺少这个：

标题<div class="upage-content" id="mainsub">关闭时

<div>

无法在正文中添加任何内容 - 英特尔XDK应用程序设计器

1 个答案: