El diálogo de la interfaz de usuario de Jquery no funciona junto con JQuery Mobile
No puedo obtener un cuadro de diálogo simple que funcione en JQuery cuando también incluyo JQuery mobile:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$( function() {
$( "#dialog" ).dialog();
} );
</script>
</head>
<body style="background-color: #888">
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>
</html>
He examinado estas preguntas anteriores que no parecen ayudar:
El diálogo móvil de jquery no funcionaIncompatible jquery mobile y ui¿Qué estoy haciendo mal?