Question

我无法通过按钮调用我的javascript函数，而且我开始在圈子中运行。我在这个领域并不是很有经验，对我来说，它看起来就像我见过的所有例子。

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>BONJA</title>
</head>
<body>
    <div class="app">
        <div class="wrapper">
        <div class="content">
            <div class="head">
                <img src="res/logo/institucional.png" />
            </div>
            <div class="container">
                <form>
                    <input type="button" value="Fazer Login" onclick="login()" class="button" id="loginClick" />
                </form>
            </div>
            <div id="deviceready" class="blink">
                <p class="event notConnected">N&atilde;o conectado</p>
                <p class="event connecting">conectando</p>
                <p class="event connected">conectado</p>
            </div>
        </div>
        </div>
    </div>
    <script type="text/javascript" src="phonegap.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
    <script type="text/javascript">
        function login() {
            //initialize login
            var parentElement = document.getElementByID('deviceready');
            var notConnectedElement = parentElement.querySelector('.notConnected');
            var connectingElement = parentElement.querySelector('.connecting');

            notConnectedElement.setAttribute('style', 'display:none;');
            connectingElement.setAttribute('style', 'display:block;');

            alert("Hello world!");
        }
    </script>
</body>

我顺便测试了iPhone模拟器上的所有内容。

感谢您的帮助

Answer 1

login()中document.getElementById()的第一行中有一个拼写错误，我在login()的{{1}} style属性中进行了一些代码更改。

查看代码中的注释，您将会有一个想法

display

Fiddle Demo

Answer 2

我不知道为什么，但是当我将函数调用放在表单标记中时它会起作用

 <form action="javascript:login()">

Phonegap按钮单击事件

2 个答案: