jqueryのUIダイアログが側面に沿って動作していないjQueryのモバイル

私もjQueryのモバイル含まれたとき、私はjQueryので働く簡単なダイアログボックスを取得することはできません。jqueryのUIダイアログが側面に沿って動作していないjQueryのモバイル

<!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>

を私が助けていないようだこれらの以前の質問を見てきました：

私は何が間違っていますか？

出典

2016-12-12 Jodes

RedNaoから投稿Using multiple versions of jquery uiを読んだら、私は単純な概念証明を作成することができました。

アイデアは、jQueryの2つのインスタンスを交換することですが、あなたは警告されています。

その後、私はdata-enhance="false"を使ってjQuery MobileにUIダイアログマークアップを隠しています。

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<link rel="stylesheet" href="style.css"> 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script> 
    var jQM=jQuery, $QM=$; 
</script> 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script> 
    var jQUI=jQuery, $QUI=$; 
    window.jQuery = jQM; 
    window.$ = $QM; 
    $(document).on('mobileinit', function() { 
    $.mobile.ignoreContentEnabled = true; 
    }); 

</script> 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

その後、それは次のようになります。

Plunker：https://plnkr.co/edit/oOg6cKEuMFXVrMn3ntCb?p=preview

出典

2016-12-15 11:41:31 deblocker

jqueryのUIダイアログが側面に沿って動作していないjQueryのモバイル

答えて

関連する問題