공부하는 남자   



  • Key log

  • 공부 하는 남자
    검색 하는 남자

  • Log in out

  • 관리자

  • 편집

  • 글 쓰기

  • Link
  • Home
  • 제이쿼리 슬라이드 토글이 안된다면

    2020. 4. 30. 16:06   블로그팁

    Jquery 슬라이드 토글을 활성화 시키는 법

    사정상 한동안 블로그 활동을 하지 못하다 이번에 다시 블로그를 끄적 그려 보려고 들어 왔는데요

    허걱!

    홈 페이지 전면 상단의 관리자 보드가 슬라이드 되지 않네요

    저같은 경우는 앱으로 포스팅 하는거 별로 안좋아라 하는 성격이라 웹앱에서 포스팅을 하다보니 

    슬라이드가 되어야 에디터에 진입해 포스팅을 할수가 있는데요 그게 안되네요

    이런 걸 감안해 마지노선으로 비밀의 게이트를 만들어 두지 않았다면 영락 없이 앱으로만 포스팅 할수 밖에 도리가 없는 것입니다.

    그러나 스킨편집이나 포스트 업뎃 할일이 많은데 일일이 게이트를 찾아 드나들자니 보통 번거로운게 아니죠

    이런 저런 검색과 실험을 통해 겨우 해결 책을 찿았습니다.

    두둥!

    바로 이것 때문에 꽉 잠겨 있었던 것입니다.

    google ajax 라이브러리

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
    현재 시점의 에디터와 구글서버간의 소통이 이루어 지지 않아 그랬든 것입니다.
    위1.11.1버전은 2018년 까지 개발된 서버 버전 이라 그랬던 것이죠
    구글의 제이커리 라이브러리 버젼 정보가 업그레이드 되면서 이전의 버젼은 작동 되지 않았던 것입니다.

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    </script>
    <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js">
    </script>;

    구글 의 ajax라이브러리에서 위의 버젼 정보를 복사해 내 컴퓨터 헤드부에 붙혀 넣으면 바로 해결이 되는 것이죠...
    제 블로그에 방문 하셨다면 위의 스크립트를 복사해 붙혀 넣어도 됩니다.
    아주 부드럽게 슬라이딩 되는 걸 확인 할수가 있네요 ...ㅎ ㅎ

      

    <!Doctype="HTML"> <html> <head> <style> <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script> <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"> </script>; <script>$(document).ready(function(){$("#flip").click(function(){$("#panel").slideToggle("slow");});}); </script> #panel{padding:0;margin-right:0;text-align:center;background-color:#fff;border:solid 1px #fff;font-size:20px; color:#ccf; font-weight:normal} #flip{width:100%;height:auto;padding-left:50px;margin:auto;background:rgb(230,250,250);border:solid 1px #fff} #flip{font-family:'Malgun Gothic',Arial; font-size:2.5rem;color:font-weight:normal;} #panel{text-align:center;background-color:#232382;font-size:15px;color:#fff;padding:auto;display:none} </style> </head> <body> # article# 본문 </body> </html>

    너무 오래 관리 하지 않다가 다시 시작 하게 되면 이런 문제만 있는게 아니죠
    티스토리 정책도 현재는 달라 질수도 있을수 있겠고요
    웹앱과 앱이 어긋나 모양이 틀어져 보이는 경우도 있을수 있답니다.
    다행히 티스토리 정책은 별 문제가 없는것 같은데 웹앱과 앱의 레이아웃에 문제가 있네요...
    다음 포스팅 에서 는 웹앱과 앱에서 일치 하지 않는 레이어를 일치 하게 하는 방법을 포스팅 하도록 하겠습니다.

    T,back:     Comment: