2017-01-19 5 views
0

こんにちは私は2つのボタンでコードバアプリケーションを構築したいと考えています。コードボタンアプリケーションではどのようにボタンを使用できますか?

私はアンドロイドのアプリケーションでトーストを表示するためのプラグインを持っています。

私は私がトーストを参照してくださいいけない、しかし、私はトーストを見ることができ、ボタンなしでコードを実行]ボタンをクリックした場合。ここ

は私のindex.htmlである:ここでは

<div id="deviceready" class="blink"> 
    <p class="event listening">Connecting to Device</p> 
    <p class="event received">Device is Ready</p> 

    <button onclick="setShortToast()"> 
     Kurz 
    </button> 

    <button onclick="setLongToast()"> 
     Lang 
    </button> 

</div> 

は私のindex.jsです:

var app = { 
    // Application Constructor 
    initialize: function() { 
     document.addEventListener('deviceready', this.onDeviceReady.bind(this), false); 
    }, 

    // deviceready Event Handler 
    // 
    // Bind any cordova events here. Common events are: 
    // 'pause', 'resume', etc. 
    onDeviceReady: function() { 
     this.receivedEvent('deviceready'); 
    }, 

    // 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); 
    }, 

    setShortToast: function() { 
     window.simpleToastPlugin.show("Hallo", 0, function(e){ 
      //success callback 
     }, function(e){ 
      //error callback 
     }); 
    }, 

    setLongToast: function() { 
     window.simpleToastPlugin.show("Hallo", 1, function(e){ 
      //success callback 
     }, function(e){ 
      //error callback 
     }); 
    } 
}; 

app.initialize(); 

答えて

1

はJSがロードされていることを確認してapp.setShortToastを(呼び出そう)

関連する問題