{"id":2154,"date":"2015-01-08T20:07:25","date_gmt":"2015-01-08T11:07:25","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=2154"},"modified":"2024-01-13T13:49:50","modified_gmt":"2024-01-13T04:49:50","slug":"post-2154","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/2154","title":{"rendered":"jQuery\u3067\u6307\u5b9a\u3057\u305f\u8981\u7d20\u3092\u7c21\u5358\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3059\u308bfocusble\u306e\u4f7f\u3044\u65b9"},"content":{"rendered":"

div\u3084span\u306a\u3069\u6307\u5b9a\u3057\u305f\u8981\u7d20\u3092\u7c21\u5358\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3059\u308bjQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3042\u3063\u305f\u306e\u3067\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

focusable<\/strong><\/span><\/h2>\n

https:\/\/github.com\/zzarcon\/focusable<\/a><\/p>\n

 <\/p>\n

\u30b5\u30f3\u30d7\u30eb<\/strong><\/span><\/h2>\n

https:\/\/taitan916.info\/sample\/focusable\/<\/a><\/p>\n

 <\/p>\n

\u4f7f\u3044\u65b9<\/span><\/strong><\/h2>\n

jQuery\u3068\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u8aad\u307f\u8fbc\u3093\u3060\u4e0a\u3067\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u5f62\u3067\u4f7f\u7528\u3059\u308b\u3002<\/p>\n

$(function(){\r\n    $('.show').on('click', show);\r\n    $('.hide').on('click', hide);\r\n\r\n    function show() {\r\n        var selector = $(this).attr('data-selector');\r\n        Focusable.setFocus(\r\n            $(selector),\r\n            {\r\n                fadeDuration: 500,    \/\/\u30d5\u30a7\u30fc\u30c9\u3059\u308b\u30b9\u30d4\u30fc\u30c9\r\n                hideOnClick: true,    \/\/\u4ed6\u306e\u8981\u7d20\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3092\u6d88\u3059\r\n                hideOnESC: true,    \/\/ESC\u30ad\u30fc\u3092\u62bc\u3057\u305f\u6642\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3092\u6d88\u3059\r\n            }\r\n        );\r\n    }\r\n\r\n    function hide() {\r\n        Focusable.hide();\r\n    }\r\n});<\/pre>\n","protected":false},"excerpt":{"rendered":"
div\u3084span\u306a\u3069\u6307\u5b9a\u3057\u305f\u8981\u7d20\u3092\u7c21\u5358\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3059\u308bjQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3042 ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-2154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t