jquery - jQueryを使用したポインターイベント機能?

Question

ポインター イベントは IE と Opera では機能しないため、jQuery を使用してポインター イベント機能を再作成しようとしています。

ホバーしたときに別の div がその上に表示される div があり、上の div がホバーされたときにアニメーションがトリガーされないように、ポインターイベントを持つことが重要です。

jQueryでこれを行う方法はありますか? 私はいくつかのこと（removeClass、mouseoutなど）を試しましたが、そこに到達できませんでした：

jQuery(試行):

$(".soc1").hover(function(){ $(".soc1").removeClass("t1") });

HTML:

<div class="soc1"><a href="#" target="_blank" class="soc1"><span class="t1">link</span></a></div>

CSS:

.soc1 a:hover > .t1{
    margin-top:-30px;
    opacity:1;
}

.t1{
    position:absolute;
    font-style:normal;
    letter-spacing:0px;
    display:block;
    padding:4px;
    font-family:Verdana, sans-serif;
    font-size:10px;
    color:#fff;
    background-color:#090909;
    opacity:0;
    margin-left:2px;
    margin-top:-40px;
    pointer-events:none;
    cursor:default;
}