닫는 버튼을 유지하면서 대화 상자 제목 표시 줄을 숨기는 데 어려움이 있습니다.

Question

저는 JQuery 1.12를 사용하고 있습니다. 제목 표시 줄이없는 대화 상자를 만들고 싶지만 오른쪽 상단에 닫기 버튼을 유지하고 싶습니다. 나는 ... CSS

여기

#myModal .ui-dialog-titlebar { 
    background-color: transparent; 
    border: 0px none; 
} 

내 JS이기 위해

$(function() { 
     $(".searchResultsDetailRow").click(function() { 
      var opt; 
      opt = { 
      autoOpen: false, 
      modal: true, 
      width: 'auto', 
      focus: function() { 
       return $(this).dialog('option', 'width', $('#myModal').width() + 50); 
      } 
      }; 
      $("#myModal").dialog(opt); 
      $("#myModal").dialog("open"); 

    }); 
    }); 

이것을 시도했지만 여전히 제목 표시 줄이 나타납니다. 어떻게 사라지게할까요? 이것은 나의 피들입니다 - https://jsfiddle.net/adaor26p/6/.

Answer 1

솔루션이 작동하지 않는 이유는 id이 myModal 인 요소로 대화 상자가 줄 바꿈되지 않기 때문입니다. 시도해보십시오.

div[aria-describedby="myModal"] .ui-dialog-titlebar { 
    background-color: transparent; 
    border: 0px none; 
}