このエントリーをはてなブックマークに追加

イラスト上の色々な箇所からマウスオーバーで画像をポップアップする仕様で

$(document).ready(function(){
    $('#area1').bind( 'mouseenter', function() {
        $('.popup1').show();
    });
    $('#area1').bind( 'mouseleave', function() {
        $('.popup1').hide();
    });
必要なだけ繰り返し
});

としたが、スマホでは上手く動作せず、

$(document).ready(function(){
    $('#area1').bind( 'touchstart', function() {
        $('.popup1').show();
    });
    $('.popup1').bind( 'touchstart', function() {
        $('.popup1').hide();
    });
必要なだけ繰り返し
});

スマホテーマでは対象箇所に触ったら画像をポップアップ、ポップアップした画像に触ったら閉じる、とした。

2015.09.08 投稿 2016.04.25 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles