BLOG

忘却録

WEBに関するコーディング、プログラミングなど私的な忘却録として投稿していきます。また、参考サイトも併せて紹介していきます。

汎用性のあるシートをつくる③/jquery.parts.js

2018.05.23

jquery.parts.js

全ページに適用されるjsを書き込む

// _blank link class blank =========================================================================
$(document).ready(function () {
$(".blank").click(function () {
window.open(this.href, '_blank');
return false;
});
});

// smooth   =========================================================================
$(function () {
$('area[href^=#]').click(function () {
var speed = 400; //スクロール速度 単位:ミリ秒
var href = $(this).attr("href");
var destination = $(href == "#" || href == "" ? 'html' : href);
var position = destination.offset().top;
$("html,body").animate({
scrollTop: position
}, speed, 'swing');
return false;
});
});

// uniq   =========================================================================
// 文字カット
$(function () {
var $setElm = $('.cu_txt001');
var cutFigure = '40'; // カットする文字数
var afterTxt = ' …'; // 文字カット後に表示するテキスト
$setElm.each(function () {
var textLength = $(this).text().length;
var textTrim = $(this).text().substr(0, (cutFigure))
if (cutFigure < textLength) {
$(this).html(textTrim + afterTxt).css({
visibility: 'visible'
});
} else if (cutFigure >= textLength) {
$(this).css({
visibility: 'visible'
});
}
});
});

//-------matchHeight
$(function () {
/**
* jQuery object
*/
var $window = $(window);
var $triggerArray = [
'.m_h01',
'.m_h02',
'.m_h03',
'.m_h04',
];
/**
* Event method
*/
for (var i = 0; i < $triggerArray.length; i++) {
$($triggerArray[i]).matchHeight();
}
/**
* Event handler
*/
$window.on('orientationchange', function () {
location.href = location.href;
});
});
//-----------resize event
$(function () {
$(window).on('load resize', function () {
var w = $(window).width();
var x = 768;
if (w <= x) {
///////////////////
///////////////////
} else {
///////////////////
///////////////////
}
});
});

//for tel
$(function () {
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) {
$('.tel-link').each(function () {
var str = $(this).text();
$(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
});
}
});
/////////////////////
$(function () {
// 相対パス取得()
var url = location.pathname;
//left-areaのli内のaタグを取得し、hrefがurlと一致する要素を取得
$("#f_map001 a").each(function () {
var href = $(this).attr('href');
if (href == url) {
$(this).addClass("current");
return false; //break
}
});
});

/////////////////////////////////////

$(function () {
$(window).scroll(function () {
ds = $(this).scrollTop();
if (600 < ds) {
$('header').addClass('active');
} else {
$('header').removeClass('active');
}
});
////////////////
});