2012-05-03 3 views
1

jQuery UI로 만든 대화 상자에 표시 할 대형 테이블이 있습니다.Wordpress 버튼의 jQuery 대화 상자가 오른쪽 대신 왼쪽에 표시됩니다.

내가 만든 개발 버전은 올바르게 작동하지만이 버전은 기본 Wordpress 버전의 jQuery 및 jQuery UI를 사용하지 않았습니다. 개발 버전의 목적을 위해 두 라이브러리의 버전을 등록했습니다.

동일한 스크립트와 대화 상자 내용을 사용하여 기본 버전의 jQuery 라이브러리를 사용하여 블로그 대화 상자를 재현하려고했습니다. 그러면 대화 상자가 열리는 결과가 표시되지만 제목 표시 줄에있는 기본 닫기 버튼이 화면 왼쪽에 표시됩니다. 이 닫기 버튼 위에 마우스를 올리면 아이콘이 아래로 이동하지만 클릭 한 번으로 닫힙니다. 또한 왼쪽 하단에 크기 조정 아이콘이 나타나고 추가 된 닫기 버튼이 추가되었습니다.

이로 인해 내 테이블과 jquery UI css 사이에 CSS 충돌이있는 것으로 의심되었습니다. jQuery UI 1.8.16과 많은 양의 대화 상자에 문제가 있음을 알리는 글을 보았습니다.

그러나 기본 jQuery UI 라이브러리에 대한 CSS를 찾을 수 없습니다. 존재해야한다고 가정합니다.

이 문제에 대한 쉬운 대답은 기본 버전을 등록 취소하고 외부 버전을 등록하는 것이지만 기능이 이미 Wordpress에있는 경우 낭비처럼 보입니다.

질문 :

  1. 나는 기본 JQuery와 UI에 대한

덕분에이 문제의 원인 일 수 있습니다 무엇인지에

  • 어떤 제안 워드 프레스에서 CSS를 찾을 수 있습니까

  • 답변

    0

    해당 버튼의 모든 스타일은 다음 줄의 69 행에 있습니다.

    /wp-content/plugins/mailchimp//css/flick/flick.css

    +0

    나는 CSS가 mailchimp 기능을위한 것이라고 믿는다. 나는 wp-includes/css에있는 jquery UI에 대한 CSS를 찾았으며, 적어도 대화 상자 CSS는 해당 폴더에있는 것으로 나타난다. – dorich

    1

    1) CSS 파일은 /wp-includes/css/jquery-ui-dialog.css (압축) &/wp에 있습니다. -includes/css/jquery-ui-dialog.css (개발).

    2) 문제의 원인을 파악하려면 예제를 참조해야합니다.

    0

    단순히 jquery UI 테마의 CSS 파일을 추가하여 디스플레이 문제를 해결했습니다. 그 자리에 모든 것이 올바르게 표시됩니다. 우아하지는 않지만 문제를 신속하게 해결했습니다.

    관련 문제