Question

我正在尝试按照教程使用jQuery UI插件。我是JavaScript的新手，我不知道在哪里放一些代码。

我已经得到了我需要下载的所有内容。我把文件放在他们需要的位置，并将它们包括在我应该的样子中 - 那里都没有问题。但是接下来我因为我的完全无声而陷入困境。

它说我给我要使用的元素一个ID，例如id="date"并致电：

$('#date').datepicker();

就可以了。

我在哪里放上面的代码？随着HTML和PHP？或者在我包含的Javascript文件中？

Answer 1

首先加载你的jQuery库：

<script src="/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

然后加载你的jQuery UI库：

<script src="/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

然后，使用以下内容加载代码：

<script type="text/javascript">
$(document).ready(function() {
    $('#date').datepicker();
});
</script>

Answer 2

将其放在脚本标记中，如：

<script type="text/javascript">
  $(function(){
   $('#date').datepicker();
  })
</script>

Answer 3

您通常会在$(document).ready()上执行jQuery代码，但有些情况下您不会这样做。也许这会让你开始：http://docs.jquery.com/How_jQuery_Works

Answer 4

脚本标记之间的HTML / PHP代码。主要在头部或底部正好在最终身体标签的前面。

您的代码如下所示：...

<script type="text/javascript">
    $(document).ready(function() {
      $('#date').datepicker();
    });
</script>

Answer 5

您尝试使用的代码是Javascript，因此它通常会转换为.js文件，或者转换为生成的html的脚本类型=“javascript”标记。因为它使用jQuery $函数，所以在调用问题中的代码之前，需要包含jQuery库。代码本身最好放在jQuery提供的document.ready函数中，因此只有在加载了所有必需的库并构造了html Dom树时才会调用它。

$(document).ready(function() {
  $('#date').datepicker();
});

Answer 6

您必须将该代码放在javascript文件中，以便输入文本框元素已经附加到DOM。例如，

var input = document.createElement('input');
input.type = 'text';
input.id  = 'date';   
document.body.appendChild(input);(or)[If div to append then div.appendChild(input);

$('#date').datepicker();

这里，input元素被附加到body或父div。然后可以呈现datepicker（）

简单的JavaScript问题 - 这是怎么回事

6 个答案: