投稿2017/04/03 23:06
編集2017/04/04 00:19他のページと見比べたんですが、スマホのナビが動きません。
woredpress
他のページと見比べたんですが、スマホのナビが動きません。
woredpress
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title></title> <meta name='robots' content='noindex,follow' /> <script> ( function() { var query = document.location.search; if ( query && query.indexOf( 'preview=true' ) !== -1 ) { window.name = 'wp-preview-51'; } if ( window.addEventListener ) { window.addEventListener( 'unload', function() { window.name = ''; }, false ); } }()); </script> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.7.3"}}; !function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.7.3' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css' href='/wp-includes/css/admin-bar.min.css?ver=4.7.3' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.7' type='text/css' media='all' /> <script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <link rel='https://api.w.org/' href='/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.7.3" /> <link rel="canonical" href="/%e6%96%b0%e8%bb%8a%e3%83%bb%e4%b8%ad%e5%8f%a4%e8%bb%8a%e8%b2%a9%e5%a3%b2/" /> <link rel='shortlink' href='/?p=51' /> <link rel="alternate" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fnishioka1192.xsrv.jp%2Fmatuoto01%2F%25e6%2596%25b0%25e8%25bb%258a%25e3%2583%25bb%25e4%25b8%25ad%25e5%258f%25a4%25e8%25bb%258a%25e8%25b2%25a9%25e5%25a3%25b2%2F" /> <link rel="alternate" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fnishioka1192.xsrv.jp%2Fmatuoto01%2F%25e6%2596%25b0%25e8%25bb%258a%25e3%2583%25bb%25e4%25b8%25ad%25e5%258f%25a4%25e8%25bb%258a%25e8%25b2%25a9%25e5%25a3%25b2%2F&format=xml" /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <style type="text/css" media="screen"> html { margin-top: 32px !important; } * html body { margin-top: 32px !important; } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } } </style> <script src="/wp-content/themes/e-mon/js/modernizr.js"></script> <!-- Modernizr --> <link rel="stylesheet" href="/wp-content/themes/e-mon/reset.css"> <!-- CSS reset --> <link rel="stylesheet" href="/wp-content/themes/e-mon/style.css"> <!-- Resource style --> <link rel="stylesheet" href="/wp-content/themes/e-mon/bootstrap.css"> <!-- Resource style --> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> </head> <!--footer--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js?ver=3.8.1"></script> <script src="/wp-content/themes/e-mon/js/main.js"></script> <!-- Resource jQuery --> <script src="/wp-content/themes/e-mon/js/jquery.flexslider.js"></script> <script src="/wp-content/themes/e-mon/js/bootstrap.js"></script> <!-- Resource jQuery --> <script src="../js/bootstrap.js"> // Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlNav: "thumbnails" }); }); </script> <script> $(function() { /** * 現在スクロール位置によるグローバルナビのアクティブ表示 */ var scrollMenu = function() { // 配列宣言 // ここにスクロールで点灯させる箇所のidを記述する // 数値は全て0でOK var array = { '#top': 0, '#menu-1': 0, '#menu-2': 0, '#menu-3': 0, '#menu-4': 0, '#menu-5': 0 }; var $globalNavi = new Array(); // 各要素のスクロール値を保存 for (var key in array) { if ($(key).offset()) { array[key] = $(key).offset().top - 10; // 数値丁度だとずれるので10px余裕を作る $globalNavi[key] = $('#header ul li a[href="' + key + '"]'); } } // スクロールイベントで判定 $(window).scroll(function () { for (var key in array) { if ($(window).scrollTop() > array[key] - 50) { $('#header ul li a').each(function() { $(this).removeClass('active'); }); $globalNavi[key].addClass('active'); } } }); } // 実行 scrollMenu(); }); </script> <script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider(); }); </script> </body> </html><!--/footer-->
あなたの回答
tips
プレビュー
Q&A
