航點遺漏的類型錯誤：無法讀取屬性「各」的不確定

Question

我使用的航點，並給我這個消息：

遺漏的類型錯誤：無法讀取屬性未定義

「每個」這是怎麼了我得到了vue.js + rails的代碼：

<template> 
     <div id="playerContainer final"> 
     <iframe src="xxxxxxxxx" allowfullscreen></iframe> 
     </div> 
</template> 

<script> 
    require('waypoints/lib/jquery.waypoints.min.js') 
    export default { 
    mounted(){ 
     var ele 
     new Waypoint({ 
     element: ele = document.getElementById('final'), 
     handler: function(direction) { 
      if (direction == 'down') { 
      $(ele).addClass('muestra') 
      } else { 
      $(ele).removeClass('muestra') 
      } 
      console.log(direction); 
     } 
     }); 
    } 
    } 
<script> 

如果你可以幫我解決這個問題，我會很感激的。

Answer 1

我發現div不能包含多個ID。如果您在getElementById中指定了完整的ID，您可以使用它。

ele = document.getElementById('playerContainer final') 

Can a DOM element have an ID that contains a space?