函数未被调用

function doesn't get called

本文关键字：调用 函数      更新时间：2023-09-26

我的play()函数没有被调用。我真的不知道为什么。

我有以下代码：

var mp = document.getElementById("mp3");
   function play() {
   mp.play();
   console.log("hello");
}
function scan() {
  cordova.plugins.barcodeScanner.scan(
    function(result) {
      if (result.text == "home") {
        var atHomeRepQR = '<div class="container-h"><div class="card"><div class="item item-text-wrap "><i class="icon ion-unlocked"></i> Diese Ansicht ist entsperrt.</div></div><button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>';
        save("atHomeSaveQR", atHomeRepQR);
      }
      if (result.text == "street") {
        var atStreetRepQR = '<div class="container-s"><div class="card"><div class="item item-text-wrap "><i class="icon ion-unlocked"></i> Diese Ansicht ist entsperrt.</div></div><button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>';
        save("atStreetSaveQR", atStreetRepQR);
      }
      if (result.text == "bern") {
        var atBernRepQR = '<div class="container-b"><div class="card"><div class="item item-text-wrap "><i class="icon ion-unlocked"></i> Diese Ansicht ist entsperrt.</div></div><button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>';
        save("atBernSaveQR", atBernRepQR);
      }
      if (result.text == "bahnhof") {
        var atBahnhofRepQR = '<div class="container-ba"><div class="card"><div class="item item-text-wrap "><i class="icon ion-unlocked"></i> Diese Ansicht ist entsperrt.</div></div><button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>';
        save("atBahnhofSaveQR", atBahnhofRepQR);
      }
      if (result.text == "atelier") {
        var atAtelierRepQR = '<div class="container-at"><div class="card"><div class="item item-text-wrap "><i class="icon ion-unlocked"></i> Diese Ansicht ist entsperrt.</div></div><button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>';
        save("atAtelierSaveQR", atAtelierRepQR);
      }
    },
    function(error) {
      alert("Scanning failed: " + error);
    }
  );
}

语法 

<button onclick="play()" class="button button-positive btn">Play</button></div><audio id="mp3"><source src="video/ping.mp3" type="audio/mpeg"></audio>

当你问我时是正确的。

我的错误是什么？

在解析#mp3之前，您的mp变量可能正在初始化。 您应该将任何类似的静态代码包装在 document.ready 块中，以便将其执行延迟到页面加载完成。

理想情况下，这将使用 jQuery 实现：

var mp;
$(document).ready(function() {
    mp = document.getElementById("mp3");
});

在没有它的情况下，这对于大多数现代浏览器来说就足够了（请参阅此答案）：

var mp;
document.addEventListener("DOMContentLoaded", function(event) { 
    mp = document.getElementById("mp3");
});

我不得不mp像这样play()函数中放入函数中： 

   function play() {
   var mp = document.getElementById("mp3");
   mp.play();
}

感谢mplungjan！

我认为，你的javascript代码在body标签之前。因此，在"mp"元素中没有得到。因此，将您的javascript代码移动到body标签之后，即在渲染html之后。

相关文章：