スマホではtouchstart


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

$(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();
    });
必要なだけ繰り返し
});

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