Search jQuery

jQuery Forum

Screen name:
oowaratah

oowaratah's Profile

1 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

dialog not working on 1.10.0
[9Replies]
- 13-Feb-2013 11:07 PM
- Forum: Using jQuery UI
I have a problem with a dialog and I have had to roll back to 1.9.2. The dialog box shows however it is covered with grey which has the same Z order as the dialog itself. (I force z-order 100 and grey box was 100, then z order101 and it was 101.)

I can type and tab between fields however I cannot click to select the input box on the dialog itself. The problem varies slightly with AutoOpen true/false. Without autoOpen the greying out covers the entire screen and when I scroll it is only partially obscured.

I have added the noOverlayDialog option, I also tried to call movetotop and this had no effect.

Can anyone see a problem with my code, note this works OK in 1.9.2.
1. var dlg = jQuery('#dialogUpdateContact');
2. if(dlg) {
3. jQuery('#dialogUpdateConfirmSuccess').dialog({
4. moveToTop: true,
5. bgiframe: true,
6. dialogClass: "noOverlayDialog",
7. autoOpen: false,
8. modal: true,
9. closeOnEscape: false,
10. open: function (event, ui) {
11. $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
12. },
13. buttons: {
14. Ok: function () {
15. $(this).dialog('close');
16. $('#dialogUpdateContact').dialog('close').dialog('destroy');
17. $('.ui-effects-wrapper').remove();
18. return false;
19. }
20. }
21. });
22. jQuery('#dialogUpdateConfirmFailed').dialog({
23. moveToTop: true,
24. dialogClass: "noOverlayDialog",
25. bgiframe: true,
26. autoOpen: false,
27. modal: true,
28. closeOnEscape: false,
29. open: function (event, ui) {
30. $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
31. },
32. buttons: {
33. Ok: function () {
34. $(this).dialog('close');
35. $('#dialogUpdateContact').dialog('close').dialog('destroy');
36. $('.ui-effects-wrapper').remove();
37. }
38. }
39. });
40. dlg.dialog({
41. bgiframe: true,
42. autoOpen: false,
43. width: 850,
44. closeOnEscape: false,
45. open: function (event, ui) {
46. $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
47. },
48. modal: true,
49. show: 'clip'
50. }).parent().appendTo($('form:first'));
51. dlg.dialog('open');
52. dlg.dialog('moveToTop');
53. }

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend