李在文檔加載添加click事件

-3

<ul id="test" > 
    <li>list item 1</li> 
    <li>list item 2</li> 
    <li>list item 3</li> 
    <li>list item 4</li> 
    <li>list item 5</li> 
</ul>

我想文檔加載後，應用特定的李點擊。我如何使用jQuery來做到這一點？

來源

2014-01-27 fledgling

哪些特定李... –

任何麗。 3或4日 – fledgling

爲什麼反對投票？ – fledgling

如果你想在第一李觸發click那麼你可以做：

$(window).on('load',function() { 
    $('#test li:eq(0)').click(); 
});

來源

2014-01-27 10:02:37 Felix

使用'.ready'在文檔加載後點擊特定li不是更好 – bansi

$(document).ready(function(){ 
    $('#test li').click(function(){ 
     //your code goes here 
    }); 
});

來源

2014-01-27 10:03:00

你可以使用jQuery，如果你熟悉它

$("#test").on("click", "li", function(){ 
    //custom code 
});

來源

2014-01-27 10:03:25 Abhidev

來自jQuery-Documentation：從jQuery 1.7開始，.on（）方法是將事件處理程序附加到文檔的首選方法。 –

在spcecific 李？你mena點擊「項目3」，但其他項目不可點擊？將身份證放入可點擊的項目並按通常情況分配事件。

來源

2014-01-27 10:03:27

'$（'＃test li：eq（3）'）'有什麼問題？ –

沒什麼，很好 –

你可以針對使用nth-child()因此喜歡的特定之一：

$(function() { 
    $("#test li:nth-child(n)").click(function(){ 
     //do you stuff 
    }); 
});

來源

2014-01-27 10:03:45 Alex

我有點困惑，是不是第n個孩子（n）去尋找李的第n個孩子？但是你想找到ul的第n個孩子，對吧？所以它必須是#test：nth-child（n），如果我錯了，請糾正我。 –

@Agash Thamo nope - http://jsfiddle.net/xs7mC。它沒有第十一個孩子。 – Alex

謝謝你的小提琴，清除我。 –

$(function() { 
    $('#test').on('click', 'li', function(event) { 
    console.log(event.target); 
    }); 
});

更多：http://jsfiddle.net/LvFYp/

來源

2014-01-27 10:04:35

用途：

nthli= $('#test li').find(':nth-child(n)');//replace n with index of li 
nthli.on('click', function() { 
    //code here 
});

來源

2014-01-27 10:04:40

李在文檔加載添加click事件

回答

相關問題