programing

브라우저 크기가 줄어들면 워드프레스 웹사이트의 탐색을 확장할 수 없습니다.

yellowcard 2023. 9. 27. 17:42
반응형

브라우저 크기가 줄어들면 워드프레스 웹사이트의 탐색을 확장할 수 없습니다.

저는 verefly.com 에서 도움을 찾고 있습니다.저는 온라인 테마로 이 웹사이트를 개발하고 필요한 사항들을 변경하였습니다.문제는 브라우저가 원래 크기에서 줄어들 때 탐색 메뉴가 확장되지 않는다는 것입니다.이상적으로 그렇게 해야 하고 며칠 전까지만 해도 정상적으로 작동하고 있었습니다.

일반적인 웹사이트는 다음과 같습니다.

enter image description here

브라우저 크기가 줄어들면 웹 사이트가 다르게 나타납니다.

enter image description here

위의 사진에서 탐색 메뉴를 볼 수 있지만, Plus 기호는 더 이상 클릭할 수 없습니다.확장도 되지 않습니다. 어디서 다시 작업으로 변경할 수 있는지 이해할 수 없습니다.

어떤 도움이라도 주시면 감사하겠습니다.*

* 보조 메뉴에 문제가 있는지 확인해 보았지만 아무것도 보이지 않습니다 *

당신이 보고 있는 문제는$(document).ready해고된 적이 없어요 그래서 (본질적으로) 당신의 어떤 암호도custom.js파일을 실행중입니다.

이미 지적한 바와 같이, 이것은 그 이유는jwplayer페이지 중앙(399번 행)에서 인스턴스화에 실패하고 있습니다.jwplayer컨테이너 요소의 ID를 전달할 것으로 예상하지만 ID가 다음인 요소는 없습니다.mediaplayer_vid_5페이지에 존재합니다.

따라서 이 스크립트를 완전히 제거하거나 페이지 어딘가에서 실제로 사용 중인 ID를 전달해야 합니다.두 가지 중에 하나만 하면 모든 것이 잘 됩니다.

음.. 그렇군요아래와 같이 스크립트를 제거하거나 끄도록 합니다.문제를 해결할 수 있습니다.

jQuery(document).ready(function(){
       jwplayer("mediaplayer_vid_5").setup({
       "autostart" : "true",
        "controlbar" : "bottom",
        "file" : "http://www.youtube.com/watch?v=pGoCeTMgLE0&feature=youtube_gdata_player",
        "flashplayer" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/player.swf", "volume" : "70","width" : "640",
                            "height" : "480",
                            "image" : "http://i.ytimg.com/vi/pGoCeTMgLE0/0.jpg",
                            "mute" : "false",
                            "stretching" : "fill",
                            "skin" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/skins/glow-skin/glow.xml"
                        });
                    });

새로운 업데이트 : 이 스크립트는 "Vault in the Ville!" 기사에 나와 있습니다. 워드프레스 관리자의 게시물을 체크인할 때 실수로 이 자바스크립트 코드를 삽입할 수 있습니다.이 코드를 찾으면 제거합니다.

http://verefly.com/2012/06/06/vault-in-the-ville-2/ 에서 브라우저 뷰 소스를 사용하여 javascript 코드가 무엇을 의미하는지 확인하시기 바랍니다.

div의 cs를 id wrapper로 대체하면 됩니다.

#wrapper {
  float: left;
  width: 99.9%;
  overflow: hidden;
}

제 글을 올릴 때 새로운 문제가 생긴 것 같네요. 출처의 밑바닥에서 코드를 놓치고 있는 것 같네요.다음후 코드 확인합니다.</div> <!-- #main-content -->이 페이지 http://verefly.com/video/ (또는 다른 것)에서 그리고 그것을 홈페이지 http://verefly.com/ 와 비교합니다 (당신은 custom.js + others와 같은 스크립트를 놓치고 있고 html, body 등과 같은 태그를 닫지 않았습니다.)

홈페이지와 다른 페이지에서 사용하는 레이아웃에 테마의 PHP 코드에 바닥글을 포함하지 않았을 것입니다.

브라우저 크기의 비방된 크기에 대해 래퍼 클래스에 대한 미디어 쿼리를 작성합니다. 가능하면 이미지에도 적용할 수 있습니다.

도움이 되길 바랍니다.

언급URL : https://stackoverflow.com/questions/15628657/unable-to-expand-navigation-of-wordpress-website-when-the-browser-size-is-reduce

반응형