Jquery是現(xiàn)在web前端非常流行的一個(gè)JS庫(kù)。Live方法是Jquery中的一個(gè)非常重要的方法之一,它可以讓我們動(dòng)態(tài)地給頁(yè)面元素綁定事件。而這個(gè)綁定過程中,live方法也支持傳入?yún)?shù),下面就讓我們來(lái)看一下Jquery live 傳參相關(guān)的內(nèi)容。
$('a.dynamic-link').live('click', function(e) { var page = $(this).attr('data-page'); $.get(page, function(data) { $('div#content').html(data); }); e.preventDefault(); });
在上面的代碼中,我們可以看到調(diào)用了live方法,并傳入兩個(gè)參數(shù)。第一個(gè)參數(shù)為事件類型,這里是’click’;第二個(gè)參數(shù)是事件處理函數(shù),其中定義了變量page,并獲取到元素設(shè)置的自定義屬性data-page的值。在函數(shù)中,我們發(fā)出一個(gè)Ajax請(qǐng)求,獲取到相關(guān)內(nèi)容后,將其插入到div#content元素中,再用e.preventDefault()阻止默認(rèn)事件的發(fā)生。
上面的代碼演示了如何使用live方法傳遞參數(shù),除了click外,還可以使用其他事件類型,比如blur、focus、change等等。另外,也可以傳遞多個(gè)參數(shù),這個(gè)需要看我們的業(yè)務(wù)需求。
總的來(lái)說(shuō),使用Jquery live方法傳參,我們可以更加靈活地控制事件,動(dòng)態(tài)地進(jìn)行數(shù)據(jù)請(qǐng)求和內(nèi)容展示。