ページの読み込み時にnullと表示される要素

スクリプト（Smooch APIを使用）によって生成されている動的div IDにホバー機能をアタッチしようとしています。すべてがロードされた後、私のコンソールで実行しても機能しません。ページの読み込み時にnullと表示される要素

私がやってみました：

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

を、私はこのエラーを得続ける：キスAPIが開始された後に生成されているUncaught TypeError: Cannot read property 'on' of undefined

HTMLは次のようになります。

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

生成されたiframeのdivのプロパティを変更するために、クラスを追加したり、CSSを変更したり、何かを行うことができる関数はありません。 Smooch APIを使用したことがある人は、生成されたメッセンジャーボタンにホバー状態を追加する方法を教えてください。

あなたはjQueryを持っていないようです。コンソールでの$ではありませんjQueryの... $のクロム – epascarello

可能な二重にquerySelectorある[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

答えて