kasumil의 코딩 공작소

Home Profile Contact ... ... ... nav-pills를 nav-tabs로 바꾸면 ui가 변경된다. js단 $('#myTab a').on('click', function (event) { event.preventDefault() $(this).tab('show') }) 그냥 이렇게 쓰면 될걸. 괜히 부트스트랩 공홈꺼 긁어가서 쓰다가 이상한 attribute가 덕지덕지 붙어 있어서 고생했다. 그거때문에 작동이 안되서 괜히 30분이상 시간 낭비.

기본적으로 보통 부트스트랩을 통해서 tab widget을 사용할 것이다. 그러나 만약 다른 곳과 연동하여 원격으로 위젯을 선택할 경우 이를 컨트롤 해야하는 경우가 있다. 임시로 만들어본 샘플 HTML. 하단의 UL 태그가 따로 있을 것이고 동그라미들은 순수 div로 만든 ui이다. 그러면 동그라미 클릭시 어떻게 다른 것을 컨트롤 할 수 있을까? 난 보통 trigger 이벤트나 click()인줄 알았는데, 이게 아니라 tab()명령어로 사용이 가능하다. $('#changetabbutton').click(function(e){ // e.preventDefault(); $('#mytabs a[href="#second"]').tab('show'); }) 'e.preventDefault()'의 경우에는 해당 부분..

세미콜론이 없기도하고 {} 중괄호도 없어서 매우 불편하다. tab키를 이용한 빈칸 공백 스타일이 어떻게 보면 편한데 난 불편해!!! 어떻게 아니 억떻게 ;이 없을 수 가 있어! 자바스크립트 쓰다가 파이썬 쓰면 습관적으로 계속 ;를 계속 치게된다. 아오~ 어떻게 보면 진짜 편한건데 파이썬만 쓰는 게 아니니까 자바스크립트 리액트 php 등을 쓰다보니 ;이 익숙해서 너무 불편하다... 개발하는데 있어 윈도우에서 불편한 점이 많아, 리눅스를 깔려 했더니 윈도우를 포맷해야 하므로 귀찮아 기존에 남아돌던 하드디스크에 설치하여 해당 하드는 500gb정도 개발용으로 쓰려고 생각 중. 요즘 node도 쓸줄 알고 하니까 다시 파이썬 학습 중이다.

https://www.flynsarmy.com/2015/04/remembering-active-tab-in-jquery-ui-tabs/ Remembering Active Tab in JQuery UI Tabs A simple script to show the last active jquery ui tab when you return. www.flynsarmy.com JS jQuery(function($) { var index = 'qpsstats-active-tab'; // Define friendly data store name var dataStore = window.sessionStorage; var oldIndex = 0; // Start magic! try { // getter: Fetch pr..