0

サイトの別のページへのリンクである画像を含むdivがあります。これを裏返したいです。画像の「反転」のコンテンツはテキストになり、さらにリンクが含まれる場合があります。

私はFlip、QuickFlip 1＆2、およびCSS3トランジション用の他のさまざまなプラグインとtutsを見てきましたが、問題はすべて（私が見つけた限り）、div自体をクリックしてフリップを実行することです。

divには前後のリンクが含まれているため、これは明らかに私の目的には機能しません。必要なのは、div/flip-areaの外側にあるボタン/クリッカーです。どういうわけか私はそのようなものを見たことがありません。

誰か知っているか、何かアイデアがありますか？

4

3 に答える 3

2

このようなもので十分でしょうか？（前述のプラグインのいずれかを使用して。）

$('#your_button_outside_div').click(function(){
    $('#div_that_you_normally_would_have_to_click').trigger('click');
});

次に、「クリックされると想定される」DIV 内に 100% 幅、高さの非表示 DIV を配置し、これを実行して、DIV 内のクリックでフリップが実行されないようにすることができます。

$('#masking_div').click(function(e){
    e.stopImmediatePropagation();
});

Z インデックスをリンクに合わせて調整するなど、マスキング DIV の「上」にあることを確認してください。

于 2011-07-08T20:16:05.773 に答える
1

これらのプラグインを使用して、クリックイベントをトリガーできます

$("#the_element").click(); //This will trigger the plugin events

お役に立てれば。乾杯

于 2011-07-08T20:16:36.047 に答える
0

Wanovak は正しい方向に進んでいますが、イベントの伝播を停止するには、よりクロス ブラウザーに適したアプローチが必要です。これを試して：

$('#masked_text').click(function(e){

    // Prevent click event from bubbling up the DOM to the parent container
    try
    {
        event.stopPropagation();
    }
    catch(err)
    {
        // IE does it this way
        window.event.cancelBubble=true;
    }

});
于 2011-07-08T20:59:29.883 に答える