Search jQuery

jQuery Forum

jQuery UI Dialog: Doesn't close in FF or Chrome AND buttons don't show

in Using jQuery UI • 9 years ago

Hi all,

First time poster so please excuse any protocol issues. I have spent the better part of 2 days working on this and I've nearly lost my mind.

I have two issues with the Dialog widget. I'm using jquery 2.0.3 and jquery UI 1.10.3, as well as jquery mobile 1.3.1 and various other custom scripts.

1) I can't get any custom buttons to show in any browser

2) The default 'X' close button does not work in FF or Chrome, works in IE 9 & 10.

I am using this in an html file that has two 'data-role=page' divs in it. The 2nd div is my dialog page and I call it with:

$.mobile.changePage('#dialogPage');

My dialog page is as follows:

<div data-role="page" id="dialogPage" class="type-home">
<header>
<script type="text/javascript">
$(function () {
$("#dialogPage").dialog({
resizable: false,
modal: true,
buttons: {
"Ok": function () {
$(this).dialog("close");
}
}
});
});
</script>
<div data-role="header">
<h2 id="txTitle"></h2>
</div>
</header>
<div data-role="content">
<h3 id="txMessage"></h3>
</div>
</div>

Please help!

Replies(1)

mike_laird

Re: jQuery UI Dialog: Doesn't close in FF or Chrome AND buttons don't show

9 years ago

There is nothing wrong with your Dialog. You can see it working here -
http://jsfiddle.net/t9fB2/

I have not used jQuery Mobile, but the code structure sample at the page bottom here

http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

does not look like your code. You might take a look at the <header> tags. I question whether they are being used correctly. FWIW.

Top Reply

Response title

Attachments

jQuery Forum

jQuery UI Dialog: Doesn't close in FF or Chrome AND buttons don't show

Replies(1)

Re: jQuery UI Dialog: Doesn't close in FF or Chrome AND buttons don't show

Statistics

Tags

Actions

Related Posts