Jquery Mobile диалог - PullRequest
Новая
       1

Jquery Mobile диалог

1 голос
/ 03 января 2012

Я начал изучать Jquery mobile, я следовал этому http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html. Ничего не происходит, когда я нажимаю кнопку. Код, который я написал: 

 <link rel= "stylesheet" href= "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src= "http://code.jquery.com/jquery-1.5.2.min.js"></script>
  <script src= "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
 <script type="text/javascript">
 $(document).delegate('#simplestring', 'click', function() {
     $(this).simpledialog({
     'mode' : 'string',
      'prompt' : 'What do you say?',
     'buttons' : {
      'OK': {
      click: function () {
       $('#dialogoutput').text($('#dialoglink').attr('data-string'));
      }
      },
      'Cancel': {
       click: function () { },
        icon: "delete",
        theme: "c"
        }
        }
         })
        })
 </script>

Тогда внутри тела я написал: 

      <p>You have entered: <span id="dialogoutput"></span></p>
     <a href="#" id="dialoglink" data-role="button">Open Dialog</a>

Не могли бы вы указать на мою ошибку? Может в шапке? Мне нужно изучать jquery mobile, потому что я написал диалоговое окно на javascript, которое не будет отображаться в моем веб-приложении. Я читал, что SimpleDialog в JQM призван заменить диалог javascript ().

1 Ответ

1 голос
/ 03 января 2012

Это прекрасно работает для меня: 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <link type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" rel="stylesheet" /> 
    <link type="text/css" href="http://dev.jtsage.com/jQM-DateBox/css/demos.css" rel="stylesheet" /> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).delegate('#simplestring', 'click', function () {
    $(this).simpledialog({
        'mode': 'string',
        'prompt': 'What do you say?',
        'cleanOnClose': true,
        'buttons': {
            'OK': {
                click: function () {
                    $('#simplestringout').text($('#simplestring').attr('data-string'));
                }
            },
            'Cancel': {
                click: function () {
                    console.log(this);
                },
                icon: "delete",
                theme: "c"
            }
        }
    })
});
</script>
<a href="#" id="simplestring" data-role="button">Open Dialog</a>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...