如何鼠標懸停在圖標時顯示指針

下面我有一個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" />

來源

2012-02-03 user1180490

.ui-datepicker-trigger{cursor:pointer}

來源

2012-02-03 10:12:47 Yorgo

這是否在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; 
}

來源

2012-02-03 09:53:39

我認爲你是正確的，但只需要添加'應該帶你：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。

這是一種野生的猜測，但你需要:)

來源

2012-02-06 14:13:58

在jQuery函數中的選擇器：$（「.datepicker」）.datepicker（{your options}）; $（'。durationpicker'）。trenttimepicker（（您的選項））;這樣，您就可以根據前面針對每個jQuery庫所述的瀏覽器輸出結果進行調整。我提到這一點是因爲我在同一頁面上有兩個日期選擇器，並使用這種方法，工作得很好。被接受的答案也是無效的，因爲由於沒有懸浮屬性而應該起作用，因此是問題的css方法。請告訴我們，如果有效的話！ :) – 2012-02-06 14:18:27

如何鼠標懸停在圖標時顯示指針

回答

相關問題