如何鼠标悬停在图标时显示指针

问题描述：

下面我有一个jQuery日期选择器和一个jQuery timepicker（包括特伦特·理查森的日期选择器和timepicker）如何鼠标悬停在图标时显示指针

$(function() { 
     $("#datepicker").datepicker({minDate: 0, 
     dateFormat: "dd-mm-yy", 
     showOn: "button", 
     buttonImage: "Images/calendar.gif", 
     buttonImageOnly: true}); 
    }); 



     $('#durationpicker').trenttimepicker({ 
      timeFormat:'hh mm ss', 
      hourGrid: 4, 
      minuteGrid: 10, 
      secondGrid: 10, 
      showOn: 'button', 
      buttonImage: "Images/clock.gif", 
      buttonImageOnly: true 
      }); 

     });

现在，这两个日期选择器和timepicker由用户点击访问一个图标（datepicker的日历图标和timepicker的时钟图标（'#durationpicker'）。我的问题是：如何获得它，以便在用户将鼠标悬停在两个图标上时出现指针光标？

以下是html：

<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /> 

<p><strong>4: Date:</strong> <input type="text" id="datepicker" name="dateChosen" readonly="readonly" />

答

.ui-datepicker-trigger{cursor:pointer}

这是否在CSS或jQuery中？即时猜测css – user1180490 2012-02-03 10:13:22

+1。 CSS。 '.ui-datepicker-trigger'是jQuery datepicker中图标的默认类。 – tobias86 2012-02-03 10:14:54

是的，它是在css – Yorgo 2012-02-03 10:15:46

答

如果我理解你的问题，你需要添加下面的CSS代码，这两个图标

#durationpicker, #datepicker { 
cursor: pointer; 
}

我认为你是正确的，但只需要添加'应该带你：hover'到选择结束。 – martincarlin87 2012-02-03 09:55:32

这是为文本框，我希望它的文本框旁边的图标，而不是文本框。如果你看看这些函数是buttonImage，当鼠标悬停在图标上时，我想显示一个指针光标 – user1180490 2012-02-03 09:57:34

只有当你希望指针在悬停时出现时才添加'：hover'。 '：focus'也一样。 – 2012-02-03 09:58:06

答

  $(".ui-datepicker-trigger").css('cursor','pointer');

这对我的作品的jQuery的方式，你可以将其包含在你的脚本，它应该不给你任何问题。我自己使用它来同时使用jQuery ThemeSwitcher和jQuery UI Themes。

这是一种野生的猜测，但你需要:)

在jQuery函数中的选择器：$（“.datepicker”）.datepicker（{your options}）; $（'。durationpicker'）。trenttimepicker（（您的选项））;这样，您就可以根据前面针对每个jQuery库所述的浏览器输出结果进行调整。我提到这一点是因为我在同一页面上有两个日期选择器，并使用这种方法，工作得很好。被接受的答案也是无效的，因为由于没有悬浮属性而应该起作用，因此是问题的css方法。请告诉我们，如果有效的话！ :) – 2012-02-06 14:18:27

如何鼠标悬停在图标时显示指针

相关推荐