Question

我正在尝试在appframework phonegap应用中使用jquery ui：s自动完成小部件。我按照文档使用了jq.appframework.js插件，如下所示：

<script src="appframework/jquery.js"></script>
<script src="appframework/jq.appframework.js"></script>
<script src="appframework/appframework.ui.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

但是当页面加载应用程序中断时，我收到以下控制台错误：

未捕获的TypeError：无法读取未定义的属性“__events”。

它在jq.appframework.js中抛出错误的下一行（第二个，nr 261）：

   $.bind = function (obj, ev, f) {
   if (!obj.__events) obj.__events = {};

不确定如何继续这一切，所有的帮助非常感谢！

Answer 1

以下是appframework jquery和jqueryui的工作示例。

您也可以将af.ui.jquery.min.js与jquery.js一起使用，（而不是jq.appframework.js和appframework.ui.js）

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;" />  
    <link rel="stylesheet" href="af.ui.css" />
    <link rel="stylesheet" href="icons.css" />
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/af.ui.jquery.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>  
  </head>
  <body>
    <div id="afui">
        <div id="content">
            <div id="main" class="panel" title="Home" selected="true">
                <p>Hello</p>
                <p>Date: <input type="text" id="datepicker"></p>
            </div>    
        </div>    
    </div>      
  </body>
</html>

Appframework jquery插件打破了应用程序

1 个答案: