Javascript 单击事件不触发（jquery）

我有一个非常简单的代码：

 $(function() {
     $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' });
     $( "#datepicker1" ).datepicker({ dateFormat: 'yy-mm-dd' });
 });

 $(document).ready(function(){
   $("#submit").click(function() {
    var dataString = "datepicker="+$("#datepicker").val()+"&datepicker1="+$("#datepicker1").val();
    $.ajax({
      type: "POST",
      url: "<?php echo $this->baseUrl()?>/index/getrange",
      data: dataString,
      success: function(response)
      {
          $("#table").html(response);
      }
    });
    return false;
   });
 });

$（函数（）{
$（“#datepicker”）.datepicker（{dateFormat:'yy-mm-dd'}）；
$（“#datepicker1”）.datepicker（{dateFormat:'yy-mm-dd'}）；
});
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var dataString=“datepicker=“+$（“#datepicker”）.val（）+”和datepicker1=“+$（“#datepicker1”）.val（）；
$.ajax({
类型：“POST”，
url:“/index/getrange”，
数据：dataString，
成功：功能（响应）
{
$（“#表”）.html（答复）；
}
});
返回false；
});
});

html如下所示：

 <div id="welcome">
 <form action="javascript:void(0);" method="post" id="idForm">
 <p>Select a starting date:<br/>
 <input type="text" id="datepicker" name="datepicker"></p>
 <p>Select an ending date:<br/>
 <input type="text" id="datepicker1" name="datepicker1"></p>
 <input type="submit" value="Search for dates" id="submit">
 </form>
 </div>
 <div id="table"></div>

选择开始日期：


选择结束日期：

---

我甚至不能用firebug调试它，因为它只是没有触发click事件。有什么想法吗？

这是可行的，您可能没有安装jquery ui

$(function() {
     $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' });
     $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd' });
 });

 $(document).ready(function(){
   $("#submit").click(function() {
    alert("clicked");
    var dataString = "datepicker="+$("#datepicker").val()+"&datepicker1="+$("#datepicker1").val();
    $.ajax({
      type: "POST",
      url: "<?php echo $this->baseUrl()?>/index/getrange",
      data: dataString,
      success: function(response)
      {
          $("#table").html(response);
      }
    });
    return false;
   });
 });

$（函数（）{
$（“#datepicker”）.datepicker（{dateFormat:'yy-mm-dd'}）；
$（“#datepicker1”）.datepicker（{dateFormat:'yy-mm-dd'}）；
});
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
警报（“点击”）；
var dataString=“datepicker=“+$（“#datepicker”）.val（）+”和datepicker1=“+$（“#datepicker1”）.val（）；
$.ajax({
类型：“POST”，
url:“/index/getrange”，
数据：dataString，
成功：功能（响应）
{
$（“#表”）.html（答复）；
}
});
返回false；
});
});

---

在这里查看

为什么不将日期选择器放在$（document）.ready函数中？而且，jsFiddle？似乎在这里工作，那么为什么它在我的浏览器中不工作呢？（我正在使用firefox）仅供参考：

$（function（）{

和

$（document）。ready（function（）{

是一样的东西。不需要两者都有，只需将所有代码放在一个中。您在控制台中看到任何错误吗？您包括了jQuery，对吗？