Создайте модальное представление на jquery mobile, используя HTML - PullRequest
Новая
       54

Создайте модальное представление на jquery mobile, используя HTML

1 голос
/ 13 декабря 2011

Я создаю мобильный сайт с использованием HTML5 и jquery mobile.В настоящее время я пытаюсь создать модальное представление для отображения изображений. Я пытался использовать shadowbox и lightbox, но в обоих случаях модальное представление открывается, но затем страница переходит на новую пустую страницу.Вот мой код: 

<head>
    <script src="jquery.mobile-1.0/demos/jquery.js" type="text/javascript"></script>
    <script src="CodeGeneral.js" type="text/javascript"></script>
    <script src="jquery.mobile-1.0/demos/jquery.mobile-1.0.min.js" type="text/javascript"></script>

    <script src="CodeAppDetailScreen.js" type="text/javascript"></script>

    <link rel="stylesheet" href="jquery.mobile-1.0/demos/jquery.mobile-1.0.min.css">
    <link rel="stylesheet" href="StyleMaincss.css">


    <!--Shadowbox-->
    <link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
    <script type="text/javascript" src="shadowbox/shadowbox.js"></script>
    <script type="text/javascript">
        Shadowbox.init();
    </script>
</head>

<body>
//Content

    <div id="viewport">
    <a id="ss1" onclick="return false" href="Screenshots/ss1.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss1.png"></a>
    <a id="ss2" onclick="return false" href="Screenshots/ss2.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss2.png"></a>
    <a id="ss3" onclick="return false" href="Screenshots/ss3.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss3.png"></a>
    </div>
</body>

Кто-нибудь знает, как это исправить?

1 Ответ

0 голосов
/ 01 января 2012

Я надеюсь, что вы можете попробовать PhotoSwipe . Это сторонний плагин, который может быть легко интегрирован с jQuery Mobile.

Я не уверен, работают ли следующие плагины у вас или нет?!
jQuery-плагин для мобильных страниц
Слайд-шоу Diapo

...