Question

我的问题是，当我自己运行datepicker.php时，它工作正常但是当我试图从其他人（测试按钮）打开页面时，我收到此错误

Object [object Object]没有方法'datepicker'

我认为这是jquery ui到jquery mobile之间的冲突，即使我没有将它加载到datepicker页面。

使用jquery mobile的第一页有几个按钮和PHP的位再来一个测试按钮：

<a href="datepicker.php" type=button data-theme="b" data-role="button">test</a>

datepicker.php：

    <html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>

 <script type="text/javascript">
$( "#datepicker" ).datepicker();

</script>

</body>
</html>

我allrdy在几个方面尝试非冲突，但它没有帮助:(

  $(function () {
var jq = $.noConflict();
    $( "#datepicker" ).datepicker({});
  });

Answer 1

这是因为noConflict()调用，一旦你调用它$就不再引用jQuery了。

也没有必要在dom准备好的时候调用它，所以试试

//call noConflict()
var jq = $.noConflict();
//$ no longer refers to jQuery, so use the variable jQuery/jq to refer to jQuery
jQuery(function ($) {
    //the dom ready handler receices the jQuery instance as the parameter, so name it as $ so that we can use $ inside the handler to refer to jQuery
    $("#datepicker").datepicker({});
});

演示：Fiddle

Answer 2

在任何页面上加载js是问题只需将其添加到索引标题

<script src=..js

...

/

Object [object Object]没有方法'datepicker'

2 个答案: