javascript - Jquery Mobile 日期选择器事件不起作用

Question

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

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: '→',
          //prevText: '←',
          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>

Answer 1

您的问题很可能是 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')