Jquery Mobile 日期选取器事件不起作用

Jquery Mobile datepicker event not working

本文关键字：事件 不起作用 选取 Mobile 日期 Jquery      更新时间：2023-09-26

大家好，我使用 jquery 用日期选择器创建了一个 MVC 应用程序。例如，当我单击特定日期时，该日期上的相应事件将显示为列表。以下代码片段工作正常，但是当我使用 opera 移动模拟器运行同一页面时，单击事件未触发。

jquery:
jquery-ui-1.8.20.custom.css
Note:I used the following link as reference
http://www.hongkiat.com/blog/jquery-ui-datepicker/ 
If anyone give the solution,it ll great helpful to me.
@model IEnumerable<WazUpDataServicesMVC4.Model.EventViewModel>
@{
ViewBag.Title = "Calendar";
  }
 @section Header
  {
 <a href="@Url.Action("Index", "Events")" data-icon="back"  class="ui-btn-    left">Events</a>
 <h1>@ViewBag.Title</h1>

 <link href="@(Url.Content("~/Content/datepicker.css"))" rel="stylesheet" type="text/css" />


  $(function () {
      $('#datepicker').datepicker({
          inline: true,
          //nextText: '&rarr;',
          //prevText: '&larr;',
          showOtherMonths: true,
          //dateFormat: 'dd MM yy',
          dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
          onSelect: function (date, obj) {
              if (date) {
                  $("#listLayers").find("a:[data-date!='" + date + "']").parent().parent().parent().slideUp();
                  $("#listLayers").find("a:[data-date='" + date + "']").parent().parent().parent().slideDown();
              } else {
                  $("#listLayers").find("a").parent().parent().parent().slideDown();
              }
          }
      });
  });
 </script>

}

  <div id="datepicker"></div>
  <ul data-role="listview" data-inset="true" id="listLayers">

  @foreach (var item in Model)

  {
    string display = "none";
    if (DateTime.Now.ToString("MM/dd/yyyy") == item.DateEventTo.ToString("MM/dd/yyyy"))
    {
        display = "block";
    }

        <li style="display:@(display);"> 
            <a data-date="@(item.DateEventTo.ToString("MM/dd/yyyy"))" class="calendar-link" href="@Url.Action("Events", "Events", new { id = item.EventID,description=item.Description })">
            @item.Description
            </a>
        </li>

   }
</ul>

您的问题很可能是 jQuery mobile 使用了与您测试过的任何浏览器不同的 opera 标记并且它正在工作。我建议更改线路 

if (date) {
    $("#listLayers").find("a:[data-date!='" + date + "']").parent().parent().parent().slideUp();
    $("#listLayers").find("a:[data-date='" + date + "']").parent().parent().parent().slideDown();
} else {
    $("#listLayers").find("a").parent().parent().parent().slideDown();
}

使用closest()函数。如果您知道$("#listLayers").find("a").parent().parent().parent().slideDown();应该是什么元素，例如它是一个div还是具有类或其他一些已知标识符，则可以使用$("#listLayers").find("a").closest('div')

相关文章：