[JS]普通ã®ã‚¿ãƒ–ã‹ã‚‰ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å‚™ãˆãŸã‚¿ãƒ–ã¾ã§ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -TabsletCustom event: タブã®åˆ‡æ›¿æ™‚ã®å‰å¾Œã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚ Tabsletã®ä½¿ã„æ–¹ Step 1: 外部ファイル </body>ã®ä¸Šã‚ãŸã‚Šã«ã€jquery.jsã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script type="text/javascript" src="javascripts/vendor/jquery.tabslet.min.js"></script> Step 2: HTML タブをulè¦ç´ ã§ã€å„コンテンツをdivã§å®Ÿè£…ã—ã¾ã™ã€‚ タブã®ã‚¢ãƒ³ã‚«ãƒ¼ï¼ˆ#tab-1）ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®id（tab-1）ã¯å¯¾å¿œã™ã‚‹ã‚ˆã†ã«è¨å®šã—ã¾ã™ã€‚ ラッパーã®classã«ã€Œtabsã€ã‚’指定ã—ã€æ©Ÿèƒ½ã‚’é¸æŠž
Joruriå…¬å¼ã‚µã‚¤ãƒˆ
今ã£ã½ã„ Vagrant + Chef Solo ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - Qiita [ã‚ータ]![今ã£ã½ã„ Vagrant + Chef Solo ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - Qiita [ã‚ータ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f799b6ddcfc5290695dee685c7759d764e9f8bf1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%2525E4%2525BB%25258A%2525E3%252581%2525A3%2525E3%252581%2525BD%2525E3%252581%252584%252520Vagrant%252520%25252B%252520Chef%252520Solo%252520%2525E3%252583%252581%2525E3%252583%2525A5%2525E3%252583%2525BC%2525E3%252583%252588%2525E3%252583%2525AA%2525E3%252582%2525A2%2525E3%252583%2525AB%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D5d876f6adad1ae396bec202dfb669b43%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540taiki45%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D6d33845e155d9ed49970dd0b1bc4a73b%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3Dfb011efe75c956eb2eac3704a96c2edc)
{{#tags}}- {{label}}
{{/tags}}