0

我是 Onsen UI 的新手。我正在使用 Monaca，并且正在尝试使用 jQuery。

您可以在下面查看我的 HTML 页面和 JS 脚本。

索引.html

<!DOCTYPE HTML>
<html lang="pt-br" app="nowa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script src="components/loader.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="page1.html" side="right" type="overlay" max-slide-distance="200px">
</ons-sliding-menu>
</body>
</html>

page1.html

<ons-page>
    <ons-toolbar>
        <div class="right">
            <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button>
        </div>
        <div class="center">TEST</div>
        </ons-toolbar>    
        <div ng-controller="menu">
            <div id="test">HELLO!</div>
            <ons-row align="center" style="border: 1px solid red;">
                <ons-col>
                    <div>
                        <div class="circle perfil-icone"></div>
                        <div>ICON 1</div>
                    </div>
                </ons-col>
                <ons-col>
                    <div>
                        <div class="circle exame-icone"></div>
                        <div>ICON 2</div>
                    </div>
                </ons-col>

                <ons-col>
                    <div>
                        <div class="circle alerta-icone"></div>
                        <div>ICON 3</div>
                    </div>
                </ons-col>
            </ons-row>
            <p></p>
            <ons-row align="center" style="border: 1px solid red;">
                <ons-col>
                    <div>
                        <div class="circle favorito-icone"></div>
                        <div>ICON 4</div>
                    </div>
                </ons-col>
                <ons-col>
                    <div>
                        <div class="circle lab-icone"></div>
                        <div>ICON 5</div>
                    </div>
                </ons-col>
                <ons-col>
                    <div>
                        <div class="circle rota-icone"></div>
                        <div>ICON 6</div>
                    </div>
                </ons-col>
            </ons-row>
        </div>
</ons-page>

应用程序.js

ons.bootstrap();
//ons.disableAutoStatusBarFill();  // (Monaca enables StatusBar plugin by default)

var app = angular.module('nowa', [ 'ngTouch', 'onsen.directives']);

app.controller('menu',function($scope){
    $(function(){
        alert("OI");
        $("#test").html(" USERNAME!");
    });
});

问题是 javascript 代码中的 alert 和 html 命令不起作用。这里有什么问题？如何在 Jquery 中使用温泉？

4

1 回答 1

2

您必须在 HTML 标记中手动包含 jQuery.js，或者您必须在“配置”选项卡（在 Monaca IDE 上）JS/CSS 组件下添加 Monaca 的 jQuery Mobile 组件。

于 2014-10-01T04:39:22.330 回答