jquery mobile и jquery ui not compatitble

Я работаю над приложением html5, которое будет работать как на рабочем столе, так и на планшетах и на мобильных устройствах. Пользователь застревает, когда дело доходит до использования индикаторов выполнения и диалоговых окон. Сначала я использовал jquery mobile, но его только до сих пор, когда я хочу включить jquery ui inorder для использования индикаторов прогресса и всплывающих окон диалога, когда я понял, что они не работают хорошо, когда используются вместе. это пример кода влияния двух плагиновjquery mobile и jquery ui not compatitble

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>dialogbox demo</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

</head> 
<body>   
<script> 
    $(document).ready(function() { 
     $().lowStorageSpace(); 
    }); 

     $.fn.lowStorageSpace = function() { 
      $('<div></div>').appendTo('body') 
      .html('<div><h5>You are running out of space.backup or sync data before you proceed!!</h5></div>') 
      .dialog({ 
       modal: true, title: 'Low storage space!!', zIndex: 10000, autoOpen: true, 
       width: 'auto', resizable: true, 
       buttons: { 
        Sync: function() { 
         //sync(); 
         $(this).dialog("close"); 
        }, 
        Backup: function() { 
         // backup(); 
         $(this).dialog("close"); 
        }, 
        Cancel: function() { 
         //cancel(); 
         $(this).dialog("close"); 
        } 
       }, 
       close: function (event, ui) { 
        $(this).remove(); 
       } 
      }); 

     } 

</script> 
</body> 
</html>

выше код работает хорошо, когда я закомментировать jquery.mobile-1.2.0.min.js. но я действительно нуждаюсь в этом тоже в моем полном приложении. любая помощь в том, как я могу использовать два, будет оценена. Я видел много похожих вопросов, но не решил мою проблему заранее.

источник

2013-08-07 JoseLuke

Это конфликт, который я согласен. Из всех примеров jquery ui и jquery mobile я видел, что не видел кода, показывающего, что эти два могут использоваться в одном скрипте. Я бы использовал два разных сценария: один для ui и один для мобильного. Таким образом, здесь не должно быть никаких конфликтов.

источник

2013-08-07 06:16:57

@John ... в моем случае с использованием разных скриптов не работает, поскольку я работаю на одной странице html с несколькими страницами в ней. – JoseLuke

jquery mobile и jquery ui not compatitble

ответ

Смежные вопросы