Jquery ui jquery mobile+jquery ui和页面转换_Jquery Ui_Jquery Mobile

Jquery ui jquery mobile+jquery ui和页面转换

jquery-ui jquery-mobile

Jquery ui jquery mobile+jquery ui和页面转换,jquery-ui,jquery-mobile,Jquery Ui,Jquery Mobile,我想要一个页面转换效果，就像jqmobile上的幻灯片转换一样，但是可以在一个页面和另一个页面之间拖动我有一个我想使用的转换，问题是这个插件需要jqmobile，而我的项目广泛使用jqueryui，所以删除jqui不是一个选项。这两个图书馆有没有办法共存？或者任何其他解决方案来实现这种过渡这是我两页的工作代码第1页： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

我想要一个页面转换效果，就像jqmobile上的幻灯片转换一样，但是可以在一个页面和另一个页面之间拖动

我有一个我想使用的转换，问题是这个插件需要jqmobile，而我的项目广泛使用jqueryui，所以删除jqui不是一个选项。这两个图书馆有没有办法共存？或者任何其他解决方案来实现这种过渡

这是我两页的工作代码

第1页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="css/jquery.mobile-1.0b2.min.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.mobile.pagination.css" rel="stylesheet" type="text/css" />

    <script type='text/javascript' src='Js/Libs/jquery-1.6.2.min.js'></script>
     <script type='text/javascript' src='Js/Libs/jquery.mobile-1.0b2.min.js'></script>
    <script type='text/javascript' src='Js/Libs/jquery.mobile.pagination.js'></script>
</head>
    <body>
        PAGE1
        <ul data-role="pagination">
            <li class="ui-pagination-prev"><a href="page0.htm">Prev</a></li>
            <li class="ui-pagination-next"><a href="page2.htm">Next</a></li>
        </ul>

    </body>
</html>

第2页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">

    <link href="css/jquery.mobile-1.0b2.min.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.mobile.pagination.css" rel="stylesheet" type="text/css" />

    <script type='text/javascript' src='Js/Libs/jquery-1.6.2.min.js'></script>
     <script type='text/javascript' src='Js/Libs/jquery.mobile-1.0b2.min.js'></script>
    <script type='text/javascript' src='Js/Libs/jquery.mobile.pagination.js'></script>

    </head>
    <body onload="">
        <script type="text/javascript">

                        $('div').live('pageshow', function (event, ui) {
                            alert('This page was just hidden: ');
                        });

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