Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery UI 1.8.22 with jQuery 1.8 doesn't have text in dialog buttons
    primarykey
    data
    text
    <p>I went to check if the recently released jQuery 1.8 (stable) would be compatible with my current project in development, and to my surprise this is the first thing I saw:</p> <p><img src="https://i.stack.imgur.com/PnYhC.png" alt="enter image description here"></p> <p>It is a surprise to me as I had already upgraded to jQuery UI 1.8.22, which according to its <a href="http://blog.jqueryui.com/2012/07/jquery-ui-1-8-22/" rel="nofollow noreferrer">release post</a>, is compatible with jQuery 1.8.</p> <p>The callback functions are called according, but the buttons have no <code>textNode</code>s as one can see in a DOM inspector:</p> <p><img src="https://i.stack.imgur.com/mLsEA.png" alt="enter image description here"></p> <p>The solutions which I've found so far are either:</p> <ol> <li>Downgrade back to jQuery 1.7.2 (I would like to use the latest jQuery version in my page though)</li> <li>Upgrade to jQuery UI 1.9.0pre (it's not stable)</li> <li>Use an <code>open</code> handler or manually edit the HTML of the dialog to include my desired text. Seems like a lot of unneeded hassle for a bug in their source.</li> </ol> <p><strong>Am I missing something or is this an actual bug?</strong></p> <p>Here's the fiddle which I used for the demo: </p> <h2><a href="http://jsfiddle.net/ult_combo/a8rqJ/" rel="nofollow noreferrer"><strong>jsFiddle</strong></a></h2> <p>And the code for future reference:</p> <p><strong>HTML</strong>:</p> <pre><code>&lt;div id="foo" title="Dialog title"&gt;Dialog text&lt;/div&gt; </code></pre> <p><strong>JS</strong>:</p> <pre><code>$('#foo').dialog({ buttons: { Yes: function() { $(this).dialog('close'); }, No: function() { $(this).dialog('close'); } } }); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload