Question

我试图在科尔多瓦的按钮上发出警报，但我不明白为什么它不起作用。我用控制台开始了一个新的cordova空白项目。请参阅下面的代码：

的index.html

<!DOCTYPE html>
 <html> 
    <head> 
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <link rel="stylesheet" type="text/css" href="css/index.css"> 
        <title>Hello World</title>
    </head>
    <body>
        <button id = "textlocal">Test Local</button>`

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

index.js：

var app = {
    // Application Constructor
    initialize: function() {
        this.bindEvents();
    },
    // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    // deviceready Event Handler
    //
    // The scope of 'this' is the event. In order to call the 'receivedEvent'
    // function, we must explicitly call 'app.receivedEvent(...);'
    onDeviceReady: function() {
        app.receivedEvent('deviceready');
        document.getElementById("textlocal").addEventListener("click", textLocal);

    },
    // Update DOM on a Received Event
    receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
    },

    function textLocal(){
            alert('test');
        }
};
app.initialize();

也许我的textLocal（）函数不在正确的位置，但我无法解释如何修复它。 非常感谢您的耐心和帮助。

Answer 1

您的代码中存在JavaScript错误。请立即试用此代码。也许你需要添加＆＃34; textLocal＆＃34;倾听到＆＃34; deviceready＆＃34;监听器。

<强>代码

var app = {
    // Application Constructor
    initialize: function() {
        this.bindEvents();
    },
    // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    // deviceready Event Handler
    //
    // The scope of 'this' is the event. In order to call the 'receivedEvent'
    // function, we must explicitly call 'app.receivedEvent(...);'
    onDeviceReady: function() {
        app.receivedEvent('deviceready');
        document.getElementById("textlocal").addEventListener("click", this.textLocal);

    },
    // Update DOM on a Received Event
    receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
    },
    textLocal: function() {
        alert('Test');
    }
};
app.initialize();

Answer 2

您的代码有语法错误。

如果你不与按钮联系，这个函数永远不会调用。

你需要放一个onclick监听器。你可以像这样使用onclick标签：

<button id="textlocal" onclick="textLocal()">Test Local</button>（没有空格）

或使用jquery

$("#textlocal").on("click", textLocal);

Answer 3

从头标记中删除此内容并尝试

var str = "0705311";

...Where(t => t.Field1 == Sql.AsSql(str));

如果仍然无法正常工作，则在DOM加载之前，您的设备已经执行了。所以你应该把它放在$（document）.ready中，如果你正在使用jquery或只是在onload事件中。顺便说一句，添加addEventListener并不是这种简单操作的好方法，只需使用onclick监听器即可。

Answer 4

我允许自己带来一种有趣的方式来理解它为什么不起作用。我对cordova开发并不熟悉，但我在Visual Studio上创建了一个cordova项目并得到了这个：

的index.html

<button id="textlocal" data-role="button">Alert</button>

index.js（在准备好的设备上）：

$('#textlocal').click(textLocal);

test.js：

function textLocal() {
alert('test');}

此解决方案有效。但是，我不想在visual studio上工作，而是直接使用命令提示符和任何编辑器。这与我上面的要求有点相同，但仍然找不到让它发生的方法。希望能帮助你解决我的问题。谢谢。

科尔多瓦警报按钮

4 个答案: