Meu problema pode ser uma coisa bem simples, é que sou novo em programação de script e estou apanhando bastante! Não consigo fazer esta demonstração funcionar no meu arquivo.html:
Link da demo no JSFidde: https://jsfiddle.net/h5q7pe3m/33/
coloco o seguinte no meu .html:
<div id="allow-or-not" title="Show Again?">
<p>Would you like to show this dialog again?</p>
<button name="yes" class="ok allowed">Yes</button>
<button name="no" id="exit">No</button>
</div>
<script src="jquery.min.js"></script>
<script>
if (!localStorage.hideAlert) {
$(function() {
$("#allow-or-not").dialog();
});
} else {
$("#allow-or-not").css("display", "none");
}
$(".ok.allowed").on("click", function() {
$("#allow-or-not").dialog("close");
});
$("#exit").on("click", function() {
localStorage.setItem('hideAlert', true);
$("#allow-or-not").dialog("close");
});
</script>
Tem algo que esteja faltando?
jquery
nohead
da sua página? Se você olhar no resources do fiddle, vai ver que tem os links projquery
ejqueryui