제이쿼리4

제이쿼리 비어있거나 0 또는 특정 단어를 포함하는 요소 제거 및 변경 티스토리 블로그에서 치환자를 이용하여 적용을 하는 부분에 있어서 값이 비어 있거나 0등의 특정 값으로 표현되는 경우가 있는데, 이를 지우거나 원하는 값으로 변경을 할 수가 있습니다. :contains 특정 값 설정하기 댓글 카운터의 경우에 댓글이 없는 경우에 0으로 표현이 되는데, 이를 0으로 쭉 나열되는 게 보기 싫을 경우 적용을 할 수가 있습니다. $('.another_category th span:contains("0")').css('display', 'none'); 위와 같이 설정하여 해당 태그에 :contains("0") 적용하여 값이 "0"일 경우에만 속성을 추가하여 적용할 수가 있습니다. 이는 값이 있을 때 적용이 가능하며 요소값이 없이 비어 있을 경우는 다른 방법으로 적용할 수가 있습니다... 2023. 4. 6.
티스토리 메뉴 현재 위치 표시 적용을 위해서는 스킨 편집에서 메뉴에 적용된 클래스를 알아야 합니다. 블로그 태그 확인 [＃＃_blog_menu_＃＃] 적용을 위해서는 일단 스킨에서 블로그 메뉴 [＃＃_blog_menu_＃＃] 치환자가 적용된 적용된 태그의 클래스를 알아야 합니다. Home Guest Book 치환자를 사용하면 별도로 태그를 삽입할 필요 없이 꾸미기에서 설정한 메뉴를 리스트 태그로 만들어 적용을 하게 됩니다. jQuery 적용 $(window).load(function(){ $('.blog-menu').find('li').each(function(){ if ( window.location.pathname == $(this).find('a').attr('href')){ $(this).addClass('current'); .. 2022. 12. 18.
제이쿼리 스크롤 상단 메뉴 고정 웹사이트의 메뉴바가 평소에는 원래 위치에 있다가 스크롤을 하여 메뉴가 올라갈 때 메뉴를 상단에 고정시켜주는 jQuery 소스입니다. 메뉴 바에는 대부분의 블로그나 사이트의 중요 링크가 되어있어 스크롤 중에도 메뉴 클릭이 용이하여 방문자의 체류 시간을 늘리는데 도움이 되고 방문객에게 사이트 이동이 쉬워지기 때문에 운영자나 방문객 모두에 도움이 됩니다. 상단에 고정 시킬 기존 메뉴 코드에 div 코드를 한번 더 적용합니다. DIV 클래스명 blogmenu 메뉴이고 menuWrap 가 제이쿼리를 적용하여 메뉴를 들어 올리기 위해 한번 더 적용한 것입니다. var nav = $('.menuWrap'); 에 상단 고정 메뉴 적용을 위해 한번 더 적용한 DIV 클래스명을 적어 줍니다. float-menu는 스크롤을.. 2014. 10. 18.
스크롤 내리면 나타나는 제이쿼리 탑버튼 블로그나 사이트에 장문을 글을 읽을 때 스크롤이 많이 내려갔는데 다른 메뉴를 이용하기 위해 스크롤을 키보드의 Home키로 한 번에 올릴 수도 있지만 마우스를 클릭하여 한번에 사이트 탑 위치로 이동하는 jQuery 소스입니다. 탑버튼을 사용하기 위해서 jquery.min.js 설치되어 있어야 하고 탑 버튼 소스는 위 코드보다 아래에 있어야만 정상 작동됩니다. [RETURN TOP ] 제이쿼리 소스는 에 넣고 a 태그는 다른 곳에 따로따로 배치해도 되고 position:fixed;로 브라우저를 위치 잡기 때문에 두 코드를 같이 등 어느 위치에 넣더라고 적용이 됩니다. 2014. 10. 14.

티스토리툴바