首頁(yè) 猿問 jquery...

jquery 怎么讓callback函數(shù)只運(yùn)行一次

JQuery

慕運(yùn)維8079593 2019-06-07 11:06:37

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("button").click(function(){$("p").hide(1000,function(){alert("The paragraph is now hidden");});});});</script></head><body><button type="button">Hide</button><p>This is a paragraph with little content.</p><p>This is a paragraph with little content.</p><p>This is a paragraph with little content.</p></body></html>callback函數(shù)alert()一共提示了三次，我想讓它只提示一次，需要如何修改代碼？有沒有可能通過one()來(lái)實(shí)現(xiàn)？

查看完整描述

3 回答

jeck貓

TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊

$("p").hide(1000,function(){
var n=$("p").index(this);
if(n==0)
alert("The paragraph is now hidden");

});
一、在你這個(gè)場(chǎng)景下one()是無(wú)法達(dá)到你的要求的
二、你可以用n=?來(lái)靈活控制什么時(shí)候觸發(fā)alert

反對(duì) 回復(fù) 2019-06-08

月關(guān)寶盒

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊

因?yàn)槟阌腥齻€(gè)<p>啊，點(diǎn)擊的時(shí)候三個(gè)都執(zhí)行了，提示一次的話：
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});
});

反對(duì) 回復(fù) 2019-06-08

偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個(gè)贊

其實(shí)可以用queue方法，不過有個(gè)投機(jī)取巧的：你在三個(gè)p標(biāo)簽外面套個(gè)div,比如設(shè)置id="pDiv"
然后
$("#pDiv").hide(1000,function(){
    alert("The paragraph is now hidden");
    });

反對(duì) 回復(fù) 2019-06-08