2016-10-28 3 views
0

私はこれを理解する際にいくつかの問題を抱えています。Iframe内のイベント

ページ1

<iframe id="block" src="page2.html" tag> </iframe> 

私がホバリングしています要素は、特定のタグを持っている場合iframe内に置いて、イベントをトリガします。

$("*").hover(function(){ 
    var attr = $(this).attr('name'); 
    if (typeof attr !== typeof undefined && attr !== false) { 
     return; //do something 
    } 
}); 

私は複数のものを試してみましたが、それらはすべてが少しだけ違う何かをしたいように見える、私は親クラスからのイベントの発火を理解しています。私はこれをする方法を得るように思わない。私が欲しいの結果:私は私が私が感じる

さらにで動作することができますインラインフレームの端に応答を取得tag

  • を持っている要素の上にiframe内に置く

    • 私は非常に近くにいるようですが、ちょっとしたコードの接続が必要です。誰かが私が必要としていることを説明できるようになりました。

  • 答えて

    0

    限り、あなたは(あなたが)同じドメインにしているように簡単な方法があります:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <iframe id="block" src="page.html" onload="test()"></iframe> 
    <script> 
    function test() { 
        var iframe = document.getElementById('block'); 
        var doc = iframe.contentDocument || iframe.contentWindow.document; 
        var element = doc.getElementById('hover'); 
        $(element).hover(function() { 
         element.append("It's working!\n"); 
        }); 
    } 
    </script> 
    

    ライブ例:http://tras.pw/beta/SOverflowJS/

    +0

    私は今、私はある文書を取得する必要があることをもらいます'If​​rame'にロードされます。私が理解できないことは、 'Iframe'内でのみ応答する' $( "*")。hover(function(){}) '関数を実行する方法です。 – Nytrix

    +0

    @Nytrixそこに行く – HAlexTM

    +1

    ありがとう!これは私の解決策につながります。私が尋ねたことは直接ではありませんが、うまくいくでしょう。 – Nytrix

    関連する問題