Opened 12 years ago
Closed 12 years ago
#7316 closed bug (notabug)
Modal Dialog shows close button when hidden.
Reported by: | bdparrish | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.dialog | Version: | 1.8.11 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
I create a simple modal dialog based on id of a div container as such $('#accordion-navigation).dialog(). The next line of code is to hide the dialog box from view with the $('#accordion-navigation').hide() function. When navigate to the page it hides the dialog, but it leaves the default close button there.
SCRIPT:
$('#accordion-navgation').accordion({ active: false, autoHeight: false, collapsible: true, header: 'h4' }); $('#accordion-navgation').dialog(); $('#accordion-navgation').hide();
MVC HTML:
<div id='navigation-menu'> <img src='images/menu-top' /> <% Html.RenderPartial("NavigationMenu", (ViewData["NavigationModel"] as NavigationModel).NavigationNodes as IEnumerable) %> <img src='images/menu-bottom' /> </div>
MVC PARTIAL:
<div id='accordion-navigation'> <h4>Title</h4> <div> <ul> <li><a href='#'>Item 1</a></li> <li><a href='#'>Item 2</a></li> <li><a href='#'>Item 3</a></li> </ul> </div> </div>
Change History (2)
comment:1 Changed 12 years ago by
comment:2 Changed 12 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
When you turn a div into a dialog it turns that div into the dialog-content element and wraps it in the generated dialog element. If you then call .hide() on that div you're simply hiding the content div in the dialog but leaving the new dialog wrapper element visible. In order to hide the dialog, call the close method
$('#accordion-navgation').dialog("close");
http://jsfiddle.net/Cfdat/