Adding jQuery modal dialog in an accordion -
I have just started using jQuery in the past few weeks and really enjoying it - a great thing is! At the moment I have a problem. Here is the basic structure of my page:
& lt; Body & gt; & Lt; Div id = "accordionContainer" & gt; & Lt; Div class = "accordionSectionHeader" & gt; Some top labels ... & lt; / Div & gt; & Lt; Div class = "accordionSectionContent" & gt; Some content ... & lt; A href = "#" & gt; Popup dialog & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "dialog" & gt; Here are some dialog content ... & lt; / Div & gt; & Lt; / Body & gt;
This is a very simple layout - when you click on "popup dialog", the dialog is located on the top of the link link from the div show. So far, so good. Now I have a problem - I have set the dialog mode option to "right", but I can still click below the stuff, which includes the Eordian section headers! Am I missing something here?
Any suggestions or help will be highly appreciated.
Many thanks, Danny. First impression:
To check using a firebug, The code is pulled from the screen to a screen (etc), like jQuery likes to block the conversation under a modal, blocking you with an empty div of a screen size.
Also add your Z-elements to ensure that the accordion menu is not sitting on the top of that blocker.
Go back to some time after some type of code :)
Edit
In the code you posted, UI css file is missing css file which downloads with UI js files, it controls the formatting of UI elements.
You may not want the full file, because it will affect every jquery UI widget you use, but you have the necessary key line:
/ * overlay * / .ui-widget-overlay {status: complete; Top: 0; Left: 0; Width: 100%; Height: 100%; }
Comments
Post a Comment