2

jQueryを使用するCSS3 MegaMenuを使用しています。私のドロップダウン メニュー項目の 1 つは、iFrame を使用して、別の場所でホストされている連絡先フォームを表示します。

ここで確認できます: http://www.deepdata.biz (右側のメイン ナビゲーション バーの最後の項目: [メール])

IE9を除いて、ホバーはそれをドロップダウンするように機能しますが、マウスがiFrame領域に入ると消えてしまい、ユーザーがフォームに記入できなくなります。

これはセキュリティ上の理由から意図的に行われていると読みましたが、それを回避する方法があるはずです。

私は当初、iFrame を使用せずに CSShover3.htc を使用して自分のフォームを作成したときにこの問題を抱えていましたが、IE で問題なく動作したため、iFrame の問題であると確信しています。

検索中に Javascript を使用したソリューションを読みました: http://jsfiddle.net/ENXpW/3/ - しかし、Java を書く経験がないため、自分のニーズに適応させるのに十分な理解ができませんでした。

私が探したもう 1 つの解決策は、「メール」リンクのホバー スタイルを onClick コマンドに変更することでした。

どんな助けでも大歓迎です。キャリー

4

1 に答える 1

1

この小さなjQueryスニペットといくつかのCSS変更を使用できます。

if($.browser.msie){
    $("li.right iframe").hover(function(){ 
        $(this).parents("li.right").trigger("hover");
    });
}

要素が読み込まれた後、JSファイルまたはページの任意の場所に配置します。

次に、すべての複製を作成して.menu li:hover、.hoverクラスによってもトリガーされるようにする必要があります。

.menu li:hover .align_right {

になる必要があります：

.menu li:hover .align_right, .menu li.hover .align_right {

于 2012-09-21T20:43:19.393 に答える