고유 한 스타일의 양식이 있으며 jQuery UI의 .dialog()
을 사용하여 오버레이로 표시하고 모달 대화 상자로 표시하려고합니다. 문제는 jQuery를 같은 자신의 클래스와 스타일을 적용한다 : 나 자신의 CSS를 사용하지 jQuery를 지시하기위한 간단한 방법은jquery의 스타일 클래스가없는 jquery 대화 상자
ui-dialog ui-widget ui-widget-content
거기를?
감사합니다.
고유 한 스타일의 양식이 있으며 jQuery UI의 .dialog()
을 사용하여 오버레이로 표시하고 모달 대화 상자로 표시하려고합니다. 문제는 jQuery를 같은 자신의 클래스와 스타일을 적용한다 : 나 자신의 CSS를 사용하지 jQuery를 지시하기위한 간단한 방법은jquery의 스타일 클래스가없는 jquery 대화 상자
ui-dialog ui-widget ui-widget-content
거기를?
감사합니다.
이러한 클래스는 JS가 번들로 제공되는 CSS를 통해 처음부터 팝업을 유도합니다.
JQuery UI는 이러한 클래스를 사용하여 대화 상자 창을 표시하고 볼 수있게합니다.
스타일을 변경하려면 CSS를 업데이트하는 것이 좋습니다. 사이트의 다른 위치에서 UI 스타일을 다시 사용하려는 경우 CSS 스타일을 무시하도록 자신의 CSS를 업데이트하십시오.
그러나 실제로 클래스를 제거해야하는 경우에는 창이 열리면 호출되는 대화 상자 열기 함수에 다른 함수를 바인딩 할 수 있습니다.
$(".selector").dialog({
open: function(event, ui) { ... }
});
열린 곳에서 다른 기능을 쓸 수 있어야합니다.
추가 테마 작성을위한 클래스를 추가 할 수있는 dialogClass (http://jqueryui.com/demos/dialog/#option-dialogClass)의 .dialog()를 초기화 할 때 옵션이 있습니다. 그러나 대화 상자가 다르게 보이게하려면 jquery.ui.css의 스타일을 다시 지정해야 jQuery UI가 추가하는 클래스를 제거하는 것이 현실적입니다.
'당신은 그렇게 말할 것입니다. 이상 하네, 안그래? _them_이 기능과 스타일을 더 잘 구분할 것으로 기대합니다 (이 경우 페이지에서 "모달"div를 여는 기능). 무리 감사. – bloodcell