jquery的兩個元素

我是jquery和javascript整體的新手。我試着做兩件事，但其中只有一件正在工作。我必須改變顏色，以及增加計數器，如下所述。需要幫助的代碼。例子 -jquery的兩個元素

1 click - 1 
2 clicks - 11 
5 clicks - 11111

代碼 - HTML

<div id="flash"> <p>hello</p> 
    </div> 
<div id="counter">0</div>

碼 - JAVASCRIPT

$(document).ready(function() { 
$('p').click(function() { 
    $(this).animate({ 
     'color': 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')' 
    }, 500); 
}); 
$("#flash").click(function() { 
    $('#counter').html(function(i, val) { 
     return val * 1 + 1; 
    }); 
}); 
});

代碼 - CSS

p { font-weight: bold; display: inline; cursor: pointer; }

這裏是我的代碼，我試着玩 - http://jsfiddle.net/crlf/pVHYc/

來源

2012-10-29 crlf

應避免到這裏來的鏈接和「去弄明白「聲明。在這裏向我們提出問題，在帖子中提供破碎的代碼，然後根據需要提供jsfiddle的鏈接。你甚至沒有說明你的問題是爲了幫助我們。 – Yatrix

你必須包括jQueryUI的與.animate()

對於您可以連接1 s到它的櫃檯動畫的色彩，只是檢查它是否是0與1更換或連接一個1。

return val =='0'?1: val + 1;

看到http://jsfiddle.net/pVHYc/6/

來源

2012-10-29 06:04:32 Musa

哦！大。謝謝噸。動畫問題解決了。任何幫助顯示輸出爲'111'3點擊而不是添加？ – crlf

把String（val）放在返回語句中，imean不加但連接 –

@crlf參見編輯。 – Musa

解決了這兩個動畫和輸出的問題。

動畫是由於不包括jQuery UI的

輸出是錯誤的，因爲你嘗試添加，但嘗試拼接

http://jsfiddle.net/pVHYc/4/

$(document).ready(function() { 
$('p').click(function() { 
    $(this).animate({ 
     'color': 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')' 
    }, 500); 
}); 
$("#flash").click(function() { 
    $('#counter').html(function(i, val) { 
     return val * 1 + 1; 
    }); 
}); 
});

來源

2012-10-29 06:16:07

jquery的兩個元素

回答

相關問題