사파리 호환관련

-CSS : hover가 안먹힐때는

 

Div 속성에 onclick=""을 주면 먹힘

 

 

- 라디오 버튼이 안먹히는 경우

$("input[name='radio']").change(function() {
	FormChange($(this));
});

/** 
* Mac, iOS 환경 설정
*/
$(".radio").click(function() {
	var isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
	var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
	$this = $(this);
	if (isSafari || iOS) {
		FormChange($(this));
	}
}); 

 

Change 이벤트가 안먹히니 클릭으로

 

- 아이폰의 경우, 팝업차단이 기본설정이라 

사용자에게 팝업이 차단되고있음을 안내해줘야한다.

 

var popupBlockerChecker = {
	
	check: function (popup_window) {
		var _scope = this;
	
	if (popup_window) {
		if (/chrome/.test(navigator.userAgent.toLowerCase())) {
			setTimeout(function () {
			_scope._is_popup_blocked(_scope, popup_window);
			}, 200);
		} else {
			popup_window.onload = function () {
			_scope._is_popup_blocked(_scope, popup_window);
		};
	}
	} else {
		_scope._displayError();
	}
	},
	_is_popup_blocked: function (scope, popup_window) {
	if ((popup_window.innerHeight > 0) == false) {
	scope._displayError();
	}
	},
		_displayError: function () {
		alert("영상이 보이지 않을 경우\n 기기 설정에서 팝업을 허용해주세요");
	}
};

 

아니면 레이어 팝업을 고려해보자