スマホ向けjQueryちょこちょこ

:hover → .hover

a:hoverが指を離した後に反応するので、a:hoverは使わずタッチイベントでclass突っ込んで挙動を合わせる。

$(function(){
	/*------------------------------ 
	:hover→.hover
	------------------------------*/
	$('a')
	.bind( 'touchstart', function(){
		$( this ).addClass( 'hover' );
	}).bind( 'touchend', function(){
        	$( this ).removeClass( 'hover' );
	});
});

bold for Android

font-weight:bold;の効かないAndroidに無理くりboldっぽい表示をさせる。

$(function(){
	/*------------------------------ 
	font-weight: bold; for Android
	------------------------------*/
	var selector = $("#container").find(".text_bold");
	var ua = navigator.userAgent;
	
	console.log($(selector));
	
	if(!ua.match(/iPhone|iPod|IS03/)){
		selector.css({
			"-webkit-text-stroke-width": '1px',
			"-webkit-text-stroke-color": 'black', //blackは16進数で色指定可
			"-webkit-text-fill-color": 'black'	//blackは16進数で色指定可
		});
	}
});