페이지로드시 null로 표시되는 요소

스크립트 (Smooch api 사용)에 의해 생성되는 동적 div ID에 호버 기능을 연결하려고합니다. 모든 것이로드 된 후에도 내 콘솔에서 실행할 때 함수가 작동하지 않습니다.페이지로드시 null로 표시되는 요소

$(document).on("mouseenter", "#messenger-button", function() { 
    alert("hey") 
});

나는이 오류가 계속 :

나는 일을 시도 Uncaught TypeError: Cannot read property 'on' of undefined

의 포옹 API는 다음과 같습니다를 시작한 후 생성되고있는 HTML :

<iframe> 
<html> 
    <div id="messenger-button" style="background-color: rgb(10, 74, 119);> 
</html> 
</iframe>

클래스를 추가하거나, CSS를 변경하거나, 생성 된 iframe에서 div의 속성을 변경하는 작업을 수행 할 수있는 함수가 없습니다. Smooch API를 사용하는 사람이라면 생성 된 메신저 버튼에 마우스를 올려 놓을 수있는 방법을 말해 줄 수 있습니까?

jQuery가없는 것 같습니다. 콘솔의 $는 jQuery가 아닙니다. $는 크롬의 querySelector입니다. – epascarello

가능한 [jQuery/JavaScript : iframe의 내용에 액세스] (https://stackoverflow.com/questions/364952/jquery-javascript-accessing- iframe 내용) –

iframe이 사이트와 동일한 도메인에 있지 않으면 iframe의 내용에 그런 식으로 액세스 할 수 없습니다. –

-1

iframe을 선택하고 내용을 가져와 거기에서 요소를 변경해야합니다.

$(document).ready(function(){ 
    var iFrameDOM = $("iframe").contents(); 

    iFrameDOM.find("#messenger-button").addClass("new-messenger"); 
});

2017-11-16 00:49:27

답변