的Javascript事件起作用

所以我有這個按鈕：的Javascript事件起作用

<div class="btndiv" style="margin-top:4vh;"> 
<button class="btngaleria" onclick="capturePhoto()" style="margin-top:3vh; background-color: #5f919d;"> Camâra </button> 
<button class="btngaleria" onclick="getPhoto()" style="margin-top:3vh; background-color: #5f919d;"> Galeria </button> 
<div style="text-align:center;margin:20px;"> 
<img id="cameraPic" src="" style="width:auto;height:120px;"></img> 
</div> 
<button class="btngaleria" onclick="photoUpload()" style="margin-top:3vh; background-color: #5f919d;"> Enviar </button> 

</div>

而且我有被執行此功能，當我點擊每個按鈕：

function capturePhoto(){ 
        navigator.camera.getPicture(picOnSuccess, picOnFailure, { 
         destinationType: Camera.DestinationType.FILE_URI, 
         sourceType: navigator.camera.PictureSourceType.CAMERA, 
         correctOrientation: true 
        }); 
       } 

       function getPhoto(){ 
        navigator.camera.getPicture(picOnSuccess, picOnFailure, { 
         destinationType: Camera.DestinationType.FILE_URI, 
         sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY, 
         correctOrientation: true 
        }); 
       } 

function photoUpload() { 
        var options = new FileUploadOptions(); 
        options.fileKey = "file"; 
        options.fileName = sPicData.substr(sPicData.lastIndexOf('/') + 1); 
        options.mimeType = "image/jpeg"; 
        options.chunkedMode = false; 

        var params = new Object(); 
        params.sitio = id; 
        options.params = params; 

        ft = new FileTransfer(); 
        ft.upload(sPicData, "http://pedrofidalgo.pt/bilapoint/upload.php", win, fail, options); 
       } 

       function win(){ 
        alert("Foto enviada com sucesso, obrigado!"); 
       } 

       function fail(){ 
        alert("O envio da foto falhou, tente de novo."); 
       }

林與framework7工作，所以我不能使用按鈕上的事件綁定，我必須把它們放在js端，像這樣：

$$('#buttonClass').on('click', function (e) { 
    myApp.alert('Clicked registerButton!'); 
});

我已經瞭解事件處理程序，並從framework7文檔動作片的信息，但我仍然無法得到它的工作...

https://framework7.io/docs/action-sheet.html

我是個初學者的JavaScript，誰能給我一個幫助請？

感謝提前:)

來源

2017-05-26 Emerenciana

您使用的是錯了，你應該把它綁定到的東西，可以監聽點擊，然後檢查它是否是你想要的東西。例如：

$('body').on('click', '#buttonClass', function(){ 
    // do something 
});

我不知道framework7，但如果它是一個單頁的應用程序，不綁定的東西對身體，因爲它會呆在那裏，除非你打算拆散他們或清理的有一點。

來源

2017-05-26 01:03:04 Chris

我的頁面被稱爲single.html，但它不能包含JavaScript。所有與單曲有關的javascript都在「myApp.onPageInit（'single'，function（page）{在我的js文件中......所以在這裏我應該放$（'single'）。on（'click'， '#buttonClass'，function（）{ //做某事 }）;？ – Emerenciana

得到它的工作，謝謝！ – Emerenciana

您可以添加ID = 「」 HTML元素：

<a href="#" id="mybutton" class="button">MYBUTTON</a>

和JS（不要忘了＃）：

$$('#mybutton').on('click', function (e) { 
    console.log("mybutton clicked"); 
});

來源

2017-10-13 09:13:02 Dirk

的Javascript事件起作用

回答

相關問題