jquery-mobile phonegap 简单对话框答案

【问题标题】：jquery-mobile phonegap simple dialogjquery-mobile phonegap 简单对话框
【发布时间】：2012-05-19 01:38:00
【问题描述】：

想在 phonegap 上用 jquery-mobile 实现简单的对话：http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html

但我的 LogCat 告诉我（当我按下按钮时）：

05-10 15:02:37.960: V/webview(10536): singleCursorHandlerTouchEvent -getEditableSupport FASLE

<!DOCTYPE HTML>
<html>
<head>
    <meta name="viewport" content="width=600; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Prototyp_V.2.0</title>
    <link rel="stylesheet" href="js/master.css" type="text/css" media="screen"   title="no title" charset="utf-8">
    <link rel="stylesheet" href="js/jquery.mobile-1.0a3.min.css" type="text/css" charset="utf-8">  
    <script type="text/javascript" charset="utf-8" src="js/main.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.0.min.js"></script>
    <style type="text/css">
     .ui-page {
      background: #ffffff;
      }
    </style>  
</head>
<body onload="init();" id="stage" class="theme">        
<script type="text/javascript">     
  function test() {         
    alert("test");      
    $(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>   

<div data-role="page" id="id0">
    <div data-role="header" data-theme="c">
        <h1>Heading</h1>
    </div>
    <div data-role="content">  
       <div id="twitter_"><center>Dialog Box</center>   
          <p>You have entered: <span id="dialogoutput"></span></p>
          <a href="#" id="dialoglink" onClick=test(); data-role="button">Open  Dialog</a>   
       </div>               
    </div>
</body>
</html>

警报“测试”被调用，但我总是得到这个光标事件！

【问题讨论】：

你最好把你的代码给我们看看，否则我们就不得不猜测问题出在哪里了。

标签： jquery-mobile cordova jquery-ui-dialog

【解决方案1】：

“光标事件”是什么意思？和

像这样使用按钮：

<a href="#" id="dialoglink"  data-role="button">Open  Dialog</a>

和

你的函数应该是这样的

$(document).delegate('#dialoglink, 'click', function() {

/// 你的其他代码在这里

});

在测试函数之外使用

【讨论】：

我改用了 javascript prompt() ;) - dialoglink 对我不起作用， - 使用新的 phonegap 1.7 和 Jquery-mobile 1.0，还请阅读正确组合这两件事很重要
@mboeckle 我想使用弹出窗口在科尔多瓦打开一个 pdf，我如何处理它，这是我开始的一个线程：my qstn