ファイル

サンプル

リサイズしてブレイクポイントになるとログが上に追加されていきます。

<script src="jquery.break-point-event.js"></script>
<script>
$(function(){
	$(window).breakPointEvent({
		break_point: ['(min-width: 1025px)', '(min-width: 701px) and (max-width: 1024px)', '(max-width: 700px)'],
		event_func: [
			function(media_query){
				$('#log').prepend('<div>break1: ' + media_query.matches + '</div>');

			},
			function(media_query){
				$('#log').prepend('<div>break2: ' + media_query.matches + '</div>');

			},
			function(media_query){
				$('#log').prepend('<div>break3: ' + media_query.matches + '</div>');

			}
		]
	});
});
</script>
<div id="log"></div>