웨이 포인트 catch되지 않은 형식 오류 : 정의되지 않은

Question

의 내가 웨이 포인트를 사용하고 재산 '각'을 읽을 수 없습니다 그것은 나에게이 메시지를 보내

이 이

catch되지 않은 형식 오류 : 속성을 읽을 수 없습니다 정의되지 않은

의 '각'이 방법이다 vue.js + 레일 코드가 있습니다.

<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?