使用JQuery，如何將.click（）事件轉換為沒有用戶操作的事件？

Question

我目前正在使用以下代碼：

$("li.className").click(function () {
  $(this).fadeTo(1000, 0);
});

這會在點擊時關閉<li>不透明度。 如何在沒有用戶交互的情況下實現這一點，例如頁面加載時或一段時間后？

Answer 1

在頁面加載：

$(document).ready(function() {
  $("li.className").fadeTo(1000, 0);
})

一段時間后：

$(document).ready(function() {
  setTimeout(function(){
    $("li.className").fadeTo(1000, 0);
  }, 2000) // this is 2000ms, or 2seconds
})

Answer 2

在沒有傳遞任何參數的元素上使用.click()將觸發click事件。 （這是.trigger('click')的簡寫）

但是，根據代碼的性質，使用click事件和其他事件調用單獨的函數可能是更好的主意:)

Answer 3

您可以使用觸發器方法觸發此事件。 所有你需要做的就是這樣稱呼它：

$(document).ready(function(){
    $("li.className").trigger('click');
});

或者，如果click事件對您不再有用，您可以直接在jQuery對象上調用fadeTo方法，如下所示：

$(document).ready(function(){
    $("li.className").fadeTo(1000, 0);
});

Answer 4

要在頁面加載時執行此操作，請將其放入$(document).ready 。 要在一段時間之后執行此操作，請將其再次放入$(document).ready ，但也將其嵌套在setTimeout ：

setTimeout(function() {
    $(this).fadeTo(1000, 0);
}, NUMBER_OF_MILLISECONDS_TO_WAIT);