爲什麼Click事件不會觸發jQuery向下滑動？

我已經編碼了下面的jQuery，當點擊鏈接時應該使div#show滑下來。經過測試，似乎沒有任何事情發生。任何幫助與錯誤表示讚賞。爲什麼Click事件不會觸發jQuery向下滑動？

HTML

<header> 
    <h1>Heading</h1> 
</header> 
<section> 
    <a href='#' id='click'>Lorem ipsum dolor sit amet, consectetur adipiscing elit vestibulum convallis.</a> 
    <div id='show'></div> 
</section>

jQuery的

$('#click').click(function() { 
$('#show').slideDown('slow', function() { 
// Animation complete. 
    }); 
});

來源

2013-06-02 Susan Robinson

首先有沒有在#show標籤爲它滑下來。在其中放入一些內容。其次，你必須把這個onReady文檔的 - 這樣可以保證你指的是被加載標籤和現在當腳本執行

$(function(){ 
    $('#click').click(function() { 
    $('#show').slideDown('slow', function() { 
    // Animation complete. 
    }); 
    }); 
});

編輯：看到這裏 - http://jsbin.com/exakuj/5/edit

來源

2013-06-02 10:44:17 Arun

是一個小挑剔，''當解析DOM時，'$（function（）{}）'''實際上會觸發onReady事件。 onLoad在所有外部資源加載完成後觸發。 –

@Juan你是對的。打字時沒有想太多.. – Arun

@SusanRobinson，請參閱http://jsbin.com/exakuj/5/edit。您應該先隱藏#show – Arun

爲什麼Click事件不會觸發jQuery向下滑動？

回答

相關問題