代码之家 › 专栏 › 技术社区 › Tobias Glaus

jQuery。on()单击函数不工作

calendar jquery-ui html jquery javascript

Tobias Glaus · 技术社区 · 6 年前

当我单击一个日期时,应该启动一个函数(但不启动)。首先,我尝试使用以下代码:

$('.ui-datepicker-calendar td').click(function(){
  console.log("Test");
});

由于日历是动态添加的,因此只触发一次tho。所以我改成:

$(document).on('click', '.ui-datepicker-calendar td', function(){
  console.log("Test");
});

但这根本不起作用,对我来说没什么意义。这里有一个片段:

$('#calendar').datepicker({
  inline: true,
  firstDay: 1,
  showOtherMonths: true,
  dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
});

$(document).on('click', '.ui-datepicker-calendar td', function(){
  console.log("Test");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="calendar"></div>

1 回复 | 直到 6 年前

Owais Aslam 6 年前

 $('#calendar').datepicker({
     inline: true,
     firstDay: 1,
     showOtherMonths: true,
     dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     onSelect: function(date) {
        alert(date);
     },
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="calendar"></div>

有一个函数用于 日期选择器 onSelect 每次点击一个日期,它都会起作用。无需绑定任何额外的click事件。